对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）；