对HTML5画布用坐标和尺寸的问题的解决方案

今天,学习HTML5画布,发现坐标和尺寸用错了。经过半天的研究,发现画布的宽度和高度必须内联在画布上的标签。




(100100100100)用2个100指的是坐标,第二2 100指的宽度和高度。

今天,学习HTML5画布,发现坐标和尺寸用错了。经过半天的研究,发现画布的宽度和高度必须在画布的内联标签。半天。

错误的方式1:

复制代码代码如下所示:




文件

# myCanvas {
宽度:200px;
身高:200px;
背景:黄色;
}





var c = document.getelementbyid('mycanvas);
VaR CTX = c.getcontext(2D);
CTX。fillStyle = ' # F36;
ctx.fillrect(100, 100, 100,100);




错误的方式2:

复制代码代码如下所示:




文件




var c = document.getelementbyid('mycanvas);
VaR CTX = c.getcontext(2D);
CTX。fillStyle = ' # F36;
ctx.fillrect(100, 100, 100,100);




显示结果:

正确的方法:

复制代码代码如下所示:




文件




var c = document.getelementbyid('mycanvas);
VaR CTX = c.getcontext(2D);
CTX。fillStyle = ' # F36;
ctx.fillrect(100, 100, 100,100);