Canvas 使用easeljs在画布的不同位置动态创建五个矩形

这里我尝试创建五个动态矩形，它们将随机放置在画布上。我创建了一个for循环来创建画布。但是画布上只显示一个矩形，更不用说五个了。为什么四个矩形中的其余部分没有出现在画布上。这里有什么问题，如何解决

*{边距：0px；填充：0px；}
函数init（）{
var canvas=document.getElementById（'mycanvas'）；
画布宽度=500；
canvas.height=550；
var stage=newcreatejs.stage（画布）；
对于（i=0；i
Math.Random（）
确实会生成一个介于0和1之间的数字。因此，由于
floor
调用，您的大多数数字x为200，y为20。有时x为201，y为21，但可能在屏幕上很难看到。我认为您可能需要做的是：

function init(){

    var canvas = document.getElementById('mycanvas');
    canvas.width = 500;
    canvas.height = 550;

    var stage = new createjs.Stage(canvas);
    for (i=0;i<5;i++){
        var shape=new createjs.Shape();
        shape.graphics.beginFill('red').drawRect(stage.canvas.width-Math.floor(Math.random()*200),Math.floor(Math.random()*20),30,30);
        stage.addChild(shape);
        stage.update();
    }
}

函数init（）{
var canvas=document.getElementById（'mycanvas'）；
画布宽度=500；
canvas.height=550；
var stage=newcreatejs.stage（画布）；
对于（i=0；i
function init(){

    var canvas = document.getElementById('mycanvas');
    canvas.width = 500;
    canvas.height = 550;

    var stage = new createjs.Stage(canvas);
    for (i=0;i<5;i++){
        var shape=new createjs.Shape();
        shape.graphics.beginFill('red').drawRect(stage.canvas.width-Math.floor(Math.random()*200),Math.floor(Math.random()*20),30,30);
        stage.addChild(shape);
        stage.update();
    }
}