canvas rect grid
·
1 min read
·
edit
code
let cnt = document.getElementById("cnt");
cnt.style.background = "#f8f8f8";
cnt.style.border = "1px solid #ddd";
let outCan = document.createElement("canvas");
outCan.style.background = "#fff";
outCan.width = width;
outCan.height = height;
outCan.style.width = width + "px";
outCan.style.height = height + "px";
outCan.style.margin = "10px 10px 4px 10px";
outCan.style.border = "1px solid #ddd";
cnt.append(outCan);
setWorldCoords(0, 0, 100, 400);
setCanvasSize(300, 200, outCan);
drawHorizLines(outCan, 7);
drawVertLines(outCan, 10);