RaphaelJs剪辑路径和剪辑直接冲突

时间:2012-01-19 13:24:47

标签: javascript svg raphael

我有一个矩形,我正在渲染图像。 我正在使用Raphael的clip-rect来裁剪矩形区域外的图像。 同时我需要为图像和矩形提供剪辑路径,以便它们不会超出该特定路径。 Raphael正在做什么,将我的图像clip-rect属性转换为clip-path,然后将新剪辑路径覆盖到clip-path。 我怎样才能克服这个问题,所以我的clip-rect和clip-path都能正常工作????

1 个答案:

答案 0 :(得分:0)

将clip-rect应用于元素适用于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)">