butiran

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);