Raphael.js路径/渐变线?

Fre*_*oid 7 javascript svg raphael

是否可以用梯度在raphael中描绘一条路径?

http://jsfiddle.net/L92Ch/就是一个例子.

我希望这条线具有从一种颜色到另一种颜色的渐变.在SVG和Raphael文档中,我无法找到任何相关信息.

jsplumb.org/jquery/anchorDemo.html这是jsplumb的一个例子.线条有渐变.jslumb使用canvas标签.(抱歉,作为新用户,我只允许发布一个链接)

我的另一个想法是使用一个小高度的矩形模仿线,但我也有Bezier线.

最好的祝福

Freakezoid

小智 12

开箱即用,Raphael无法做到,你需要一个插件.这是我创建的简单的jsfiddle:http://jsfiddle.net/tcouc/qncEC/

defineLinearGradient函数只是将svg线性渐变添加到defs部分,strokeLinearGradient函数添加stroke属性以引用您创建的linearGradient的id.

我是这样做的,这样你就可以在多个形状中引用渐变.

请注意,您不能使用raphael元素的attr函数设置笔划 - 它不会工作 - 在内部attr函数尝试将stroke参数中设置的值转换为rgb值表达式并失败,因此我的strokeLinearGradient函数.

希望有所帮助