图像无法使用KineticJS进行渲染

Image does not render with KineticJS

本文关键字：KineticJS 图像      更新时间：2023-09-26

我只是想用Kinetic渲染一个图像，但什么都没有出现，也没有出错。

小提琴可以在这里找到。

源代码：

$( 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);
});

KineticJS Stage:必须使用<div>容器

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

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

相关文章：