圖片不能用KineticJS渲染

Question

我只是試圖渲染一個圖像與動力學，但沒有出現，也不會出現錯誤。

小提琴可以找到here。

的源代碼：

$(function() { 
    var stage = new Kinetic.Stage({ 
     container: 'container', 
     width: 400, 
     height: 800 
    }); 
    var layer = new Kinetic.Layer(); 

    var yoda = new Kinetic.Image({ 
     x: 0, 
     y: 0, 
     width: 200, 
     height: 400 
    }); 

    var imageObj = new Image(); 
    imageObj.src = 'http://farm6.staticflickr.com/5448/9408019718_88934b087e_b.jpg'; 

    imageObj.onload = function() { 
     yoda.setImage(imageObj); 
     layer.draw(); 
    }; 

    layer.add(yoda); 
    stage.add(layer); 

}); 

Answer 1

必須使用<div>容器KineticJS階段：

<div id="container"></div> 

http://jsfiddle.net/ro1zpkaL/1/