如何使用Raphael在动画期间更改图像

Question

我正在使用网络摄像头帧（或视频，无论如何）更改图像

我想在视频播放期间使用动画调整大小。 （像youtube展开按钮但速度较慢）

如果我在画布上使用raphael创建图像，图像将在动画期间暂停。

有什么想法吗？

var paper = new Raphael(document.getElementById('canvas_container'), canvasWidth,canvasHeight);
var camimage = paper.image("bos.jpg",canvasWidth/2,canvasHeight/2,canvasWidth/10,canvasHeight/10);
camimage.animate({transform:"s10"},10000, 'elastic');

Answer 1

这是你在找什么？

<强> DEMO

var canvasWidth  = 600,
    canvasHeight = 500;

var paper = new Raphael('canvas_container',canvasWidth,canvasHeight);
var camimage = paper.image("http://davidnaylor.org/temp/firefox-logo-200x200.png",canvasWidth/2,canvasHeight/2,canvasWidth/10,canvasHeight/10);
camimage.animate({transform:"s10"},10000, 'elastic');

让我知道，根据演示，如果你想做任何不同的事情。