Javascript 如何在画布上重画对象？

我想画画布上的矩形，然后做同样的事情，但更大的。我的代码是：

var ctx = document.getElementById('canvas').getContext('2d');
for(var i=0;i<10000;i++){
  ctx.beginPath();
  var x = Math.random() * 1000;               
  var y = Math.random() * 1000;               
ctx.fillStyle = "rgb("+
Math.floor(Math.random()*256)+","+
Math.floor(Math.random()*256)+","+
Math.floor(Math.random()*256)+")";
ctx.fillRect(x,y,10,10);
}

var ctx=document.getElementById（'canvas'）.getContext（'2d'）；
对于（var i=0；iIt首先绘制一组小矩形，然后绘制较大的矩形。较大的矩形覆盖了大部分小矩形。我为大矩形添加了一个延迟，以便您可以看到发生了什么。它们都是绘制的，我不确定您还想到了什么。您的代码似乎按照编写的方式工作。哦……我只是很愚蠢。我真的很感谢您谢谢你的帮助。我真的觉得盒子的画很有趣：）它产生了一种工业/现代的外观。是的，我在一个项目中工作，该项目将测试画布和SVG的速度负载，我的意思是哪个更好。但是当我完成第一次绘制并查看它时，我觉得它非常好看，具有如此简单的效果：哦，你应该尝试简单的线条，很多都像纯艺术：D
for(var i=0;i<10000;i++){
  ctx.beginPath();
  var x              = Math.random() * 1000;               // x coordinate
  var y              = Math.random() * 1000;               // y coordinate
//wypelnianie
ctx.fillStyle = "rgb("+
Math.floor(Math.random()*256)+","+
Math.floor(Math.random()*256)+","+
Math.floor(Math.random()*256)+")";
//rysowanie
ctx.fillRect(x,y,200,200);
ctx.closePath();
}