SVG 패턴이 페이지에 표시되지 않습니다.

저는 완전히 단서가 없습니다. 내 svg 패턴이 잘못되었습니다. 나는 svg의 def 섹션에서 정의한 다음 참조하려고 시도했다. 하지만 그것은 img 태그에 svg를 포함 시키면 나타나지 않습니다. 브라우저에서 열면 모든 것이 잘됩니다. http://kijani.co/img/sketch/index.html http://kijani.co/img/sketch/livingroom.svg SVG 패턴이 페이지에 표시되지 않습니다.

그리고 내 코드 :

은 다음 예를 참조하십시오

이

<defs> 
    <pattern id="paper" patternUnits="userSpaceOnUse" width="200" height="200"> 
    <image xlink:href="http://kijani.co/img/pattern/paper.jpg" width="200" height="200"/> 
    </pattern> 
</defs> 
<g id="background"> 
    <path id="paper" fill="url(#paper)" d="..."/> 
</g>

이 정말 바보 같은 질문 수 있습니다,하지만 난 SVG로 비교적 새로운 오전과 해결책을 찾을 수 없습니다 어디든지 지금까지.

출처

2014-03-05 MrLoh

이것은 svg의 참조 모드입니다.
외부 리소스를 참조하기 위해 img 요소를 사용하여 svg 이미지를 표시합니다.
따라서 object 요소를 사용하여 svg 이미지를 표시하거나 svg에 데이터 스키마 형식으로 패턴 이미지를 포함해야합니다.

출처

2014-03-06 00:33:30 defghi1977

분명히하기 : 이것은 패턴에 대해 고유하지 않습니다. '' 태그를 사용하여 SVG를로드하면 SVG 파일을 참조하기 만하고 SVG 파일에서 참조하는 파일 (이미지, CSS 등)이로드되지 않습니다. – AmeliaBR

감사합니다. 이제 코드에서 svg보기 상자를 처리해야합니다. 앞으로 더 나은 솔루션이 나올 수 있기를 바랍니다. – MrLoh

SVG 패턴이 페이지에 표시되지 않습니다.

답변

관련 문제