Canvas 在画布上绘制网格时的网格大小

请参阅以下链接：

画布大小为120像素宽，80像素高。 此代码绘制垂直线：

for (var x = 0; x <= this.CanvasWidth*2.5; x += gridSize*1.25) {
    ctx.moveTo(x + p, p);
    ctx.lineTo(x + p, this.CanvasHeight*2.5 + p);
}

---

for（var x=0；x看起来CSS的混合在您的代码中引起了一些问题，这里是相同的网格，没有CSS


canvas=document.getElementById（“网格”）
画布宽度=120；
高度=80；
ctx=canvas.getContext（'2d'）
var-gridSize=20；
因为（var x=0；x看起来CSS的混合在代码中引起了一些问题，这里是相同的网格，没有CSS


canvas=document.getElementById（“网格”）
画布宽度=120；
高度=80；
ctx=canvas.getContext（'2d'）
var-gridSize=20；
对于（var x=0；x我认为画布和CSS的混合导致了…在没有任何CSSI的情况下重试我认为画布和CSS的混合导致了…在没有任何CSSThx的情况下重试很多次，使用CSS设置画布的宽度和高度会导致“奇怪的行为”.我更新了我的plunk，现在它实现了我的预期！太棒了！我试图让我的CSS远离画布，它们不会很好地混合，用CSS设置画布的宽度和高度会导致“奇怪的行为”.我更新了我的plunk，现在它达到了我的预期！太棒了！我试图让我的CSS远离画布，它们不能很好地混合