用createJS绘制正方形创建矩形

Question

除了标题不完全正确之外，我还遇到了用createJs绘制正方形的问题。我绘制矩形用同样大的两面这在一般的生成方，但不适合我，我得到这样的：

我正在使用的代码如下（非常简单） ：

function getRandomNumber(max) 
    { 
     return Math.floor(Math.random() * max); 
    } 

var colors = ["Red", "Green", "Blue"]; 

function createTileArea() 
    { 
     var stage = new createjs.Stage("tileArea"); 
     stage.name = "stage"; 
     var size = 50; 

     for (row = 0; row < 10; row++) { 
      for (col = 0; col < 10; col++) { 
       var id = row + "_" + col; 
       var color = colors[getRandomNumber(3)]; 

       var tile = new createjs.Shape(); 
       tile.graphics.beginFill(color); 
       tile.graphics.drawRect(0, 0, size, size); 
       tile.graphics.endFill(); 
       tile.x = col * size; 
       tile.y = row * size; 
       tile.height = size; 
       tile.width = size; 
       tile.name = id; 

       stage.addChild(tile); 
      } 
     } 

     stage.update(); 
    } 

createTileArea(); 

我这里有一个小提琴：http://jsfiddle.net/QWP3Z/2/

我的问题是：我有一个具有500像素的宽度和高度，我产生10个矩形组成的画布是50px高和宽，所以为什么我得到6个水平方块和三个垂直方块都是矩形？ 这是一种缩放问题吗？

Answer 1

不使用css风格来调整画布的大小，而是直接在html或代码中改变其宽度和高度。 否则createJs将设置宽度和高度，这似乎默认为300X150，并且CSS将作为缩放将其放回到您的示例中 - 500X500。