javascript – Raphael.js路径/渐变线?

前端之家收集整理的这篇文章主要介绍了javascript – Raphael.js路径/渐变线?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以用梯度在raphael中描边?

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

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

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

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

最好的祝福

Freakezoid

解决方法

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

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

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

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

希望有所帮助

猜你在找的JavaScript相关文章