动画符合图纸的jQuery [英] Animated line drawing with jQuery

问题描述

我想使用jQuery来创建一个画线的效果正在制定仿佛有一种无形的笔。

I want to use jQuery to create an effect of a line drawing being drawn as if with an invisible pen.

排序是这样的：

<一个href=\"http://d2fhka9tf2vaj2.cloudfront.net/tuts/152_QTiPad/Milestones/JavaScriptWebsite.html\">http://d2fhka9tf2vaj2.cloudfront.net/tuts/152_QTiPad/Milestones/JavaScriptWebsite.html

我做了这个模拟了一些其他图书馆，但我不知道是否有这样做的jQuery更简单的方法。而且我也希望能够以动画弯曲的，不规则的线条。

I made this mock-up with some other library, but I wonder if there's an easier way to do that with jQuery. And I also want to be able to animate curved and irregular lines.

我想动画这样的图纸，例如：

I would like to animate a drawing like this, for example:

<一个href=\"http://commons.wikimedia.org/wiki/File:Mouse_line_drawing.jpg\">http://commons.wikimedia.org/wiki/File:Mouse_line_drawing.jpg

有一个jQuery插件，可以帮助建立这样的效果呢？

Is there a jQuery plugin that helps to create such effect?

如果没有，你可以指点一个简单而有效的方式做到这一点使用jQuery？

If not, could you advice a simple and effective way to do that with jQuery?

感谢您的咨询！

最好的问候，

迪米特里Vorontzov

Dimitri Vorontzov

推荐答案

看一看拉斐尔。

拉​​斐尔：跨浏览器的矢量图形的简单方法

Raphaël: Cross-browser vector graphics the easy way.

这篇关于动画符合图纸的jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！