Html5 canvas fillRect不';t应用较大的宽度和高度值
我使用canvas标记和Javascript代码绘制一个矩形:Html5 canvas fillRect不';t应用较大的宽度和高度值,html5-canvas,Html5 Canvas,我使用canvas标记和Javascript代码绘制一个矩形: var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000'; ctx.fillRect(0,0,80,100); 对于fillRect方法,如果我为宽度和高度提供较大的值,我注意到它们不会被应用,例如: ctx.fillRect(0,0,1000,1000); 将给出如下内容:
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
对于fillRect方法,如果我为宽度和高度提供较大的值,我注意到它们不会被应用,例如:
ctx.fillRect(0,0,1000,1000);
将给出如下内容:
我错过什么了吗?宽度和高度有限制吗。根据文件,我没有发现任何与此相关的东西。请帮助。我猜您已经将
画布的宽度和高度设置为小于矩形的尺寸。请尝试如下明确设置:
<canvas width="1500" height="1500"></canvas>
javascript控制台中是否有错误?是的,没有错误,控制台中一切正常。我用ctx.fillRect(0,010001000)的截图编辑了我的文章代码>示例。必须将画布高度和宽度设置为小于fillRect高度和宽度。。。将您的代码发布到jsfiddle.com,这样我就可以解释它在做什么。哦,是的,我忘了显式设置画布的宽度和高度:
,否则,fillRect
方法的宽度和高度将限制为300150。谢谢你的帮助:)没问题,很乐意帮忙