javascript - 图像不使用 KineticJS 呈现

Question

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

可以找到 fiddle 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 Stage 的容器:

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

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