在 Raphael 中使用剪辑路径的多个元素

Question

所有，我们有一个由路径组成的形状（我们称之为父级），用户可以在其上拖放不同的对象。

我们使用 clip-path 来隐藏 obj。也就是说，如果它超出了父形状的边界，它就会被隐藏。

在父图形内，用户可以拖放对象。我们填充这些 obj。与图像。如果图像大于 obj.然后是obj之外的部分图像。边界也被隐藏了（拉斐尔的剪辑矩形）。

不幸的是，Raphael 似乎不喜欢多个剪辑路径，我们遇到了冲突，即 obj.内部图像的剪辑路径功能被父形状剪辑路径覆盖；图像在 obj 的边界之外变得可见。

编辑：这是我们想要做的说明。希望通过插图进一步解释。

Answer 1

我想我可能对此有部分解决方案.. 如果您觉得相关，请在我的网站上向我发送反馈

去我网站上的索引，看看“思想云” 它由一个较大的路径区域组成，“思想云”在较大的路径区域中切出一个洞。

我的网站在

http://www.irunmywebsite.com/

/2013 年 4 月 8 日更新/ 多个剪辑路径尽可能（使用相同的主体）作为 Raphael 中的单个剪辑路径 单剪辑路径示例 Donut hole 多剪辑路径示例 Here we clip 9 images twice! The clip path overlay makes the images have rounded corners 我希望这会有所帮助，在 iPod 上格式化此回复，以便拼写和其他内容可能有点偏离..