수색…


통사론

  • <defs> ... 정의 된 요소 ... </defs>

매개 변수

매개 변수 세부
데프 defs 요소에는 매개 변수가 없습니다.

비고

<defs> 요소는 참조에 의해서만 사용되며 직접 렌더링되지 않는 요소의 컨테이너 요소로 사용됩니다. <defs> 블록 내에서 선언되는 일반적으로 렌더링되는 요소 (예 : <rect> , <circle> )는 해당 스타일에 display:none 것처럼 처리됩니다.

꼭 필요한 것은 아니지만 SVG 사양입니다. 모든 그라데이션, 필터, 패턴, 마스크, 심볼 및 마커 정의를 defs 블록 내에 두는 것이 좋습니다.

기본

<svg width="400px" height="400px">
<defs>
  <rect id="defrect" fill="blue" fill-opacity=".5" x="50" y="50" width="100" height="100"/>
</defs>

<rect fill="red" x="20" y="20" width="80" height="80"/>
<use xlink:href="#defrect"/>
<use xlink:href="#defrect" x="50" y="60"/>

</svg>

결과

여기에 이미지 설명을 입력하십시오.



Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow