How to draw animated gif with kineticjs?

1
2
3
4
5
6
7

var stage = new Kinetic.Stage({
  container: 'container',
  width: 500,
  height: 500
});

var layer = new Kinetic.Layer();

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22

var imageObj = new Image();
imageObj.onload = function() {
  var gif = new Kinetic.Image({
    image: imageObj,
    x: 0,
    y: 0,
    width: imageObj.width,
    height: imageObj.height
  });

  layer.add(gif);
  stage.add(layer);

  // Add animation to the image
  var anim = new Kinetic.Animation(function(frame) {
    // Update the image position or properties here
  }, layer);

  anim.start();
};

imageObj.src = 'path/to/animated.gif';