使用KineticJS无法渲染图像

Question

我只是想用Kinetic渲染图像，但没有出现，也没有出现错误。

可以找到小提琴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/