在RaphaelJS的路径上将图像的“绘画”动画到纸上

时间:2013-01-21 20:42:28

标签: javascript animation raphael

我希望通过圆圈'画笔'[想象Photoshop默认画笔]将图像动画显示在画布上,无论圆圈在图像显示的路径上移动。

图像是位图,而不是矢量文件。 除了将图像显示为“绘画”

之外,画笔不会有任何其他细节

作为补充说明,圆形画笔自动移动,用户不会移动画笔。它只是沿着一条路径动画。

我很想知道如何用拉斐尔做到这一点。

提前致谢!

1 个答案:

答案 0 :(得分:1)

如果你想实现这样的目标,最好考虑使用Canvas。由于Raphael是专门针对SVG的库。你可以使用非svg图像,但是你将面临很多限制。

另一方面,Canvas是面向像素的,所以你要做的就是更容易。

RaphaelSVG和用户交互方面非常出色,因为您创建的元素是DOM中的节点,您可以轻松地将它们绑定到事件。

如果您仍希望通过Raphael实现类似的目标,那么您需要开始深入了解Raphael的方法。难以让某人解释整个过程。你最好开始尝试,并就更具体的问题提出一些问题。

除拉斐尔的文档外,我推荐this夸张的色彩,但有用的网站有一些有用的例子。

无论哪种方式,我认为您应该重新考虑使用Raphale而不是Canvas

我希望有所帮助!!