Почему мой холст Fabric.js не работает?

Question

Ссылка на JSFiddle: http://jsfiddle.net/UTf87/ по какой-то причине мой холст не отображает прямоугольник, который, как предполагается, должен понимать, почему?

HMTL:

<div id="CanvasContainer"> 
    <canvas id="Canvas"></canvas> 
</div> 

CSS:

#CanvasContainer { 
    float: left; 
    width: 270px; 
    height: 519px; 
    margin-left: 15px; 
    background: black; 
} 
#Canvas { 
    float: left; 
    overflow: hidden; 
    background: green; 
} 

JavaScript:

window.onload = function() { 
    var canvas = new fabric.Canvas('CanvasContainer'); 
    var rect = new fabric.Rect({ 
     left: 100, 
     top: 100, 
     fill: 'red', 
     width: 20, 
     height: 20, 
     angle: 45 
    }); 
    canvas.add(rect); 
} 

Answer 1

http://jsfiddle.net/bGRCL/

var canvas = new fabric.Canvas('Canvas'); 
var rect = new fabric.Rect({ 
    left: 100, 
    top: 100, 
    fill: 'red', 
    width: 20, 
    height: 20, 
    angle: 45 
}); 
canvas.add(rect); 

Ваш window.onload не требовался из-за выбранных параметров jsfiddle, поэтому функция никогда не вызывалась.

Кроме того, вы выбрали CanvasContainer вместо Canvas. Вместо:

var canvas = new fabric.Canvas('CanvasContainer'); 

Использование:

var canvas = new fabric.Canvas('Canvas');