Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript画布上随机大小的矩形_Javascript_Random_Html5 Canvas - Fatal编程技术网

JavaScript画布上随机大小的矩形

JavaScript画布上随机大小的矩形,javascript,random,html5-canvas,Javascript,Random,Html5 Canvas,我试图在画布上绘制任意大小的矩形。这是我的代码,但在运行它时它没有显示任何内容 我想你的画布的尺寸已经过了,矩形已经从屏幕上画下来了 window.addEventListener('load',drawLine); 函数drawLine(){ var canvas=document.getElementById('myCanvas'); var context=canvas.getContext('2d'); context.beginPath(); context.lineWidth=“1

我试图在画布上绘制任意大小的矩形。这是我的代码,但在运行它时它没有显示任何内容

我想你的画布的尺寸已经过了,矩形已经从屏幕上画下来了

window.addEventListener('load',drawLine);
函数drawLine(){
var canvas=document.getElementById('myCanvas');
var context=canvas.getContext('2d');
context.beginPath();
context.lineWidth=“100”;
context.strokeStyle='black';
context.rect(10,10,Math.floor((Math.random()*100)),Math.floor(Math.random()*100));
stroke();
}
画布{
高度:400px;
宽度:400px;
边框:薄而实的黑色;
}

我认为画布的大小已经过了,矩形已经从屏幕上画下来了

window.addEventListener('load',drawLine);
函数drawLine(){
var canvas=document.getElementById('myCanvas');
var context=canvas.getContext('2d');
context.beginPath();
context.lineWidth=“100”;
context.strokeStyle='black';
context.rect(10,10,Math.floor((Math.random()*100)),Math.floor(Math.random()*100));
stroke();
}
画布{
高度:400px;
宽度:400px;
边框:薄而实的黑色;
}

我认为问题可能在于矩形的原点是910400。因此,您的矩形可能正在绘制,但刚刚脱离画布的可见边界。

我认为问题可能在于您的矩形的原点是910400。因此,您的矩形可能正在绘制,但刚刚脱离画布的可见边界。

您的问题中似乎有输入错误。效果很好。你的画布够宽/够高吗?它有id
myCanvas
?我已经修好了,谢谢。如果我想画不止一个,我该怎么做呢?你可以用一个循环,看起来你的问题有错。很好。你的画布够宽/够高吗?它有id
myCanvas
?我已经修好了,谢谢。如果我想画不止一个,我该怎么做呢?你可以用一个循环