SVG 간단한 예제

HTML5 SVG 이미지는 매우 간단할 수도 있고, 간단한 사각형을 표시하며, 그 너비는100픽셀, 높이는100 픽셀.

온라인 예제

SVG 이미지는 매우 간단할 수도 있고 매우 복잡할 수도 있습니다. 이는 간단한 예제입니다:

<svg　　xmlns="http://www.w3.org/2000/svg"
　xmlns:xlink="http://www.w3.org/1999/xlink">
　<rect　x="10"　y="10"　height="100"　width="100"　style="stroke:#ff0000;　fill:　#0000ff"/>
</svg>

그러면, 이 예제는 순수한 XML입니다:

이 예제는 너비가100픽셀, 높이는100픽셀. 경계선 색상(사각형 외곽선)은 HTML color #ff0000로 설정되었습니다. 채우기 색상은 #0000ff로 설정되었습니다.
생성된 SVG 이미지는 다음과 같습니다: