수색…
통사론
-
<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