https://developer.mozilla.org/ko/docs/Web/SVG/Tutorial/Paths
패스 - SVG: Scalable Vector Graphics | MDN
<path> 엘리먼트는 SVG 기본 도형 라이브러리에서 가장 강력한 엘리먼트이다. 선과 곡선, 호 등 다양한 형태를 그릴 수 있다.
developer.mozilla.org
샘플 하나 만들어 봄.
<svg xmlns="http://www.w3.org/2000/svg" width="500px" height="500px" version="1.1">
<defs>
<path id="path2" d="M100 120 Q 240 40 380 120" />
</defs>
<text>
<textPath xlink:href="#path2">HELLO, SVG WORLD</textPath>
</text>
</svg>
728x90
반응형
'웹 스터디노트 > HTML' 카테고리의 다른 글
| picture 태그와 figure 태그 차이점? (0) | 2023.05.08 |
|---|---|
| https&http Mixed content 문제 오류 해결은 meta태그로 (1) | 2023.01.06 |
| W3C HTML5 컨퍼런스 자료 (0) | 2022.11.25 |
| viewport (0) | 2015.04.03 |
| 원(\) 엔티티코드 (0) | 2015.03.31 |
댓글