对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);