SVG : 구멍으로 패턴 채우기

Question

SVG에서 채우기 패턴을 사용하지만 다른 모양이 그려지는 패턴에 "구멍"을 남기고 싶습니다.이 패턴은 example (SVG로 그려지지 않았습니다)입니다. 클리핑 및/또는 마스킹을 사용해야한다고 생각하지만 어떻게 볼 수는 없습니다.

"구멍"을 통해 (그리고 배경 무늬를 통해) 볼 필요가있는 이미지 위에 전체 SVG가 중첩됩니다. 그래서 나는 구멍을 단색으로 채워 이미지를 가릴 수 없습니다.

Answer 1

'복합 경로'를 사용해야합니다. 아주 간단한 예를 보려면 this 바이올린을 참조하십시오. 당신이 패턴이있을 때

, 이미지에 오버레이 적용됩니다.

로버트 롱슨 (Robert Longson)이 대답으로 인용 한 참고 문헌은 실제로 읽을만한 가치가 있습니다.

Answer 2

짝수 홀수 채우기를 사용하여 클리핑을 사용하지 않고이 작업을 수행 할 수도 있고, 클립 경로 both approaches are described here을 사용할 수도 있습니다.