RaphaelJs 클립 경로 및 클립 - 렉 충돌

Question

나는 사각형이 있고 그 안에 이미지를 렌더링하고 있습니다. 라파엘 (Raphael)의 클립 - 렉 (clip-rect)을 사용하여 사각형 영역 밖의 이미지를 자릅니다. 동시에 클립 경로를 이미지와 직사각형에 지정해야 특정 경로 외부로 벗어날 수 없습니다. Raphael에서 내 clip-rect 속성을 clip-path로 변환 한 다음 그 클립 경로를 새로운 것으로 대체합니다. 내 클립 - rect 및 클립 경로가 모두 작동하도록이 문제를 어떻게 극복 할 수 있습니까?

Answer 1

요소에 클립 - 렉을 적용하면 rect 내부의 이미지에서 작동하고 요소에 적용된 클립 - 렉에 클립 경로를 적용하면 문제가 해결됩니다.

<clipPath id="a"> 
<path..../> 
</clipPath> 
<clipPath id="b" clip-path="url(#a)"> 
<rect../> 
</clipPath> 
<image id="b" clip-path="url(#b)">