用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。