backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-16 09:21:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: raster layers - drawCells

Browse source
This commit is contained in:
Azgaar 2024-09-05 18:57:30 +02:00
parent 0b8d3c63fc
commit 0c36dda60b
1 changed files with 25 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

30
modules/ui/layers.js
View file

@ -689,12 +689,32 @@ function toggleCells(event) {
}
function drawCells() {
cells.selectAll("path").remove();
const data = customization === 1 ? grid.cells.i : pack.cells.i;
const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");
canvas.width = graphWidth * scale;
canvas.height = graphHeight * scale;
ctx.scale(scale, scale);
ctx.strokeStyle = cells.attr("stroke") || "#808080";
ctx.lineWidth = cells.attr("stroke-width") || 1;
const graphCells = customization === 1 ? grid.cells.i : pack.cells.i;
const polygon = customization === 1 ? getGridPolygon : getPackPolygon;
let path = "";
data.forEach(i => (path += "M" + polygon(i)));
cells.append("path").attr("d", path);
for (const i of graphCells) {
const poly = polygon(i);
ctx.beginPath();
ctx.moveTo(...poly[0]);
for (let j = 1; j < poly.length; j++) {
ctx.lineTo(...poly[j]);
}
ctx.closePath();
ctx.stroke();
}
const dataUrl = canvas.toDataURL("image/png", 1);
byId("cells").innerHTML = `<image href="${dataUrl}" style="width:${graphWidth}px; height:${graphHeight}px;"/>`;
}
function toggleIce(event) {