반응형
What is SVG?
- SVG는 확장 가능한 벡터 그래픽
- SVG는 웹용 그래픽을 정의하는 데 사용됩니다.
- SVG는 W3C 권장 사항입니다.
HTML <svg> 요소
HTML <svg> 요소는 SVG 그래픽의 컨테이너입니다.
SVG는 경로, 상자, 원, 텍스트 및 그래픽 이미지를 그리는 몇 가지 방법을 가지고 있습니다.
SVG Circle
Example
<!DOCTYPE html>
<html>
<body>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>
반응형
'IT > html' 카테고리의 다른 글
| html5 SVG Rounded Rectangle (0) | 2017.01.26 |
|---|---|
| html5 SVG Rectangle (0) | 2017.01.26 |
| HTML5 Canvas Draw Image (0) | 2017.01.24 |
| HTML5 Canvas Draw Circular Gradient (0) | 2017.01.24 |
| HTML5 Canvas Draw Linear Gradient (0) | 2017.01.22 |