RaphaelJs剪輯路徑和剪輯衝突

Question

我有一個矩形，我正在渲染圖像。 我正在使用Raphael的剪輯矩形裁剪矩形區域外的圖像。 同時，我需要爲圖像和矩形提供剪輯路徑，以便它們不會超出特定路徑。 Raphael在做什麼，將我的圖像clip-rect屬性轉換爲剪輯路徑，然後是新剪輯路徑。 我如何克服這個問題，所以我的剪輯矩形和剪輯路徑都工作？

Answer 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)">