배경 이미지로 SVG 경로 요소 채우기

Question

SVG가 <path> 元素设置 background-image될 수 있나요?

예를 들어 요소를 class="wall"，则 CSS 样式 .wall {fill: red;} 有效，但 .wall{background-image: url(wall.jpg)}没有，.wall {background-color: red;} 설정해도 작동하지 않습니다.

Answer 1

배경을 패턴으로 설정하면 됩니다.

으아악

이미지에 따라 너비와 높이를 조정한 후 다음과 같은 경로에서 참조하세요.

으아악

작업 예시