Estoy tratando de crear una función JS (nodeJS) que tenga ancho, alto, relleno (tamaño de cada cuadrado) y ancho de línea. Me gustaría encajar la cuadrícula perfectamente en el ancho y la altura provistos. En este momento, no está funcionando.

Cuando pongo el ancho de línea, me da un cuadro negro. Cuando se ha ido, imprime una cuadrícula.

 let left = 0; let top = 0; let bottom = canvas.height; let right = canvas.width; ctx.lineWidth = lineWidth; ctx.beginPath(); for (let x=left; x<right; x+=padding) { ctx.moveTo(x, top); ctx.lineTo(x, bottom); } for (let y=top; y<bottom; y+=padding) { ctx.moveTo(left, y); ctx.lineTo(right, y); } ctx.strokeStyle = "#000000"; ctx.stroke();

Cualquier ayuda sería apreciada. Gracias.