Skip to main content
Participant
June 30, 2022
Question

svg 파일 clipPath 내 element가 여러개 일 때 일러스트에서 표시되지 않는 현상

  • June 30, 2022
  • 1 reply
  • 634 views

svg 파일 clipPath 내 element가 여러개 일 때 일러스트에서 표시되지 않는 현상이 있어서 문의 드립니다.

 

<clipPath id="myClipPath">
<rect y="110" x="137" width="90" height="90"/>
<rect x="0" y="110" width="90" height="90"/>
<rect x="137" y="0" width="90" height="90"/>
<rect x="0" y="0" width="90" height="90"/>
</clipPath>

<image clip-path="url(#myClipPath)" xlink:href="...url" width="300" height="300"></image>

 

 

위 코드와 같이 작성된 경우 일러스트에서 열었을 때

rect가 1개 일 때는 정상적으로 보여지나, 2개 이상부터는 이미지가 보이지 않습니다.

 

해결방안이 있을까요?

This topic has been closed for replies.

1 reply

Ao_zora
Community Manager
Community Manager
July 1, 2022

안녕하세요, 고객님.

관련 커뮤니티 게시글 과 비슷한 상황인지 확인 해보시고, svg 파일을 작업 하실 때 
1. 일러스트 버전은 최신 버전 인지 확인 해보세요.

2. 같은 파일로 macOS / Window 간 차이점은 없는지도 확인 해보시면 좋을 것 같습니다.


현재 작업중인 PC OS 환경의 대한 정보를 적어주시면 감사드리겠습니다.

감사합니다.

Participant
July 1, 2022

1. 현재 일러스트는 최신 버전이며 클리핑은 잘 적용이 되지만 이미지에 해당 클리핑 적용 시 이미지가 보이지 않는 이슈입니다.

2. macOS / Window 동일하게 해당 이슈가 발생합니다.