Raphael JS使用SVG填充模式

Raphael JS use SVG fill pattern

本文关键字：填充 模式 SVG 使用 JS Raphael      更新时间：2023-09-26

我可以使用SVG图形的填充模式。但它们似乎不适用于拉斐尔.js。

当我尝试引用填充模式时，什么都不会发生。

fill_circle.attr("fill": "url(#diagonalHatch)");

这是一把小提琴：http://jsfiddle.net/dfg7Lktc/

  1. 顶部的圆圈是一个普通的SVG，填充了我创建的#对角线图案填充
  2. 左边的圆圈是用拉斐尔做的，填充了黄色，效果很好
  3. 右边的圆圈也是用拉斐尔做的，并用#对角线填充图案填充，但它不起作用

有没有办法在拉斐尔身上使用填充图案？还是它们只适用于"真实"的SVG对象？

我犯了什么错误吗？

据我所知，Raphael不支持这一点。然而，由同一个人创建的Snap.svg确实如此。
相关文章：