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

Canvas 在画布上绘制网格时的网格大小,canvas,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=docume

请参阅以下链接:

画布大小为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远离画布,它们不能很好地混合