在Raphael中使用clip-path的多个元素

时间:2012-01-20 08:36:19

标签: javascript svg raphael clip

全部,我们有一个由路径组成的形状(让我们称之为父母),用户可以在其上拖动&丢弃不同的objs。

我们正在使用clip-path来隐藏obj。,即如果它超出了父形状的边界,它就会被隐藏。

在父形状内,用户可以拖动&掉落物体我们填写这些对象。与图像。如果图像大于obj。然后在obj之外的部分图像。边界也是隐藏的(拉斐尔的剪辑)。

不幸的是,拉斐尔似乎并不喜欢多个剪辑路径&我们得到了冲突,即obj。内部图像获取其剪辑路径功能被父形状剪辑路径覆盖;在对象的边界之外,图像变得可见。

编辑:以下是我们想要做的事情的说明。希望通过插图进一步解释。enter image description here

1 个答案:

答案 0 :(得分: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上格式化这个回复所以拼写和其他东西可能有点关闭..