【发布时间】：2015-09-09 04:47:32
【问题描述】：
我可以为 SVG 图形使用填充模式。 但它们似乎不适用于 raphael.js。
当我尝试引用填充图案时，没有任何反应。
fill_circle.attr("fill": "url(#diagonalHatch)");
这是一个小提琴： http://jsfiddle.net/dfg7Lktc/
- 顶部的圆圈是一个常规 SVG，填充了我创建的 #diagonalHatch 填充图案
- 左边的圆圈是用拉斐尔做的，填充黄色，工作正常
- 右边的圆圈也是用 raphael 制作的，并用 #diagonalHatch 填充图案填充，但它不起作用。
有没有办法在 raphael 中使用填充模式？还是它们只适用于“真实”的 SVG 对象？
我有错吗？
【问题讨论】：
-
Raph 似乎对该网址做了一些时髦的事情。如果没有更好的答案（SO上有一些其他解决方案，但不太确定它们是否适用），这应该可以工作...... fill_circle.node.setAttributeNS(null,"fill",'url(#diagonalHatch) ');
-
你让我很开心，非常感谢！ （我刚刚发现了 SNAP.svg，Raphael 的继任者，但还是很高兴知道 :D）
标签： javascript svg raphael