【问题标题】：RaphaelJs clip-path and clip-rect conflictRaphaelJs 剪辑路径和剪辑矩形冲突
【发布时间】：2012-02-14 03:41:44
【问题描述】：
我有一个矩形，我正在其中渲染图像。
我正在使用 Raphael 的 clip-rect 裁剪矩形区域外的图像。
同时，我需要为图像和矩形提供剪辑路径，以便它们无法超出该特定路径。
Raphael 正在做什么，将我的图像剪辑矩形属性转换为剪辑路径，然后在之后，用新的剪辑路径覆盖该剪辑路径。
我怎样才能克服这个问题，让我的 clip-rect 和 clip-path 都可以工作？？？？
【问题讨论】：
标签：
javascript
svg
raphael
【解决方案1】：
将clip-rect应用于元素适用于矩形内的图像，并进一步将clip-path应用于应用于元素的clip-rect，解决了问题。
<clipPath id="a">
<path..../>
</clipPath>
<clipPath id="b" clip-path="url(#a)">
<rect../>
</clipPath>
<image id="b" clip-path="url(#b)">