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

全部，我们有一个由路径组成的形状（让我们称之为父级），用户可以在其中拖放不同的objs。在Raphael中使用剪辑路径的多个元素

我们使用剪辑路径来隐藏obj，即如果它超出了父图形的边界，它将被隐藏。

在父形状的内部，用户可以拖动& drop obj。我们填写这些obj。与图像。如果图像比obj大。然后是obj之外的图像的一部分。边界也是隐藏的（拉斐尔剪辑）。

不幸的是，Raphael似乎并不喜欢多个剪辑路径&我们遇到了冲突，即obj。其中的图像获取由父图形剪辑路径覆盖的剪辑路径功能;图像在obj的边界外变得可见。

编辑：这是我们想要做的一个例证。希望通过插图进一步解释。 enter image description here

2012-01-20 Kayote

你可以使用剪辑rect为黄色矩形，并使大黑色背景是甜甜圈孔？那样你用一次夹子？ – Chasbeen

@Chasbeen，感谢但它不会在我们的网络应用程序工作。我在下面回答详细的答案。 – Kayote

我想，如果你发现它相关的，请给我反馈，我的网站

转到指数在我的网站，并期待在“思想云” 我可能有这个.. 的部分解决方案它由一个大的路径区域和“思想云”组成，通过更大的路径区域切割一个洞。

我的网站是在

/UPDATE 8TH 2013年4月/ 多夹具路径是一样可能的（使用相同的主要）作为单个剪辑路径在圣拉斐尔单个剪辑路径实施例 Donut hole 有多个夹路径，例如 Here we clip 9 images twice! The clip path overlay makes the images have rounded corners 我希望这有助于格式化iPod上的这个答复，以便拼写和其他的东西，也许有点过..

2012-01-24 22:45:30 Chasbeen

谢谢@chasbeen，我们一直是您网站的粉丝（当时是SVG），并且学到了很多东西。我们正在看'思想云'，但是，如果我正在读这个权利，它看起来是一个简单的剪辑路径之外的剪辑路径隐藏区域。我将张贴一张图纸，以便在原始帖子上进一步说明。 – Kayote

这与其原理相同：www.irunmywebsite.com/raphael/additionalhelp.php?v=2&q=donutholes，除了中间的形状只是一个圆圈。确保内部形状的路径定义朝着正确的方向 – Chasbeen

现在我明白了甜甜圈孔的含义。不幸的是，我们确实认为它不会工作。在我们的应用程序中，用户可以更改显示的项目，以便他们可以轻松地将项目扩展到甜甜圈形状之外。请看这张图片作为可能发生的例子。 http://imgur.com/H8IYF – Kayote

回答