HTML5 SVG¶

SVG란 Scalable Vector Graphics의 약자로 확대 축소가 가능한 벡터 그래픽을 의미합니다. SVG를 웹브라우저에서 사용하려면 <svg> 요소를 사용합니다. SVG는 곡선, 원, 사각형, 텍스트, 이미지등을 표시할 수 있습니다.

다음은 원을 그리는 예입니다.

<!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>