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

是否可以用梯度在raphael中描边?

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

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

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

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

最好的祝福

Freakezoid

解决方法

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

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

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

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

希望有所帮助

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...