javascript - 如何在使用 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

这是你想要的？

演示

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');

如果您想做不同的事情，请根据演示告诉我。