HTML5 ??? SVG

SVG Scalable Vector Graphics ? 2?? ?? ???? ???? ?? XML(Extensible Markup Language) ??? ??? ?????. SVG? W3C?? ??? ??? 2?? ?? ??? ???? ??? ???? ?? ??? ????? ???. SVG? XML ??? ???? ??? ??? ??? ?? ??? ???? ??? ??? ?????. ??? ??? ???? ??? ?? ??? ?????.

SVG? ??????

SVG? Scalable Vector Graphics? ?????.
SVG? ?? ?? ?? ???? ???? ? ?????.
SVG? XML ??? ???? ???? ?????.
SVG ???? ??? ????. ????? ??? ???? ??? ??? ?????.
SVG? World Wide Web Consortium? ?????.
SVG? DOM ? XSL? ?? W3C ??? ?????.

SVG ??

?? ??? ??(?: JPEG ? GIF)? ??? ? SVG ??? ??? ??? ????.

??? ???? ?? SVG ??? ?? ?? ?? ? ??

SVG ???? ??, ???, ????? ?? ?? ??

SVG? ?? ??

SVG ???? ??? ???? ??? ?? ?? ???? ?? ??

SVG? ?? ?? ??? ?? ?? ??

????? ?? ????? SVG? ????, ?? IE? 9 ?????.

<!DOCTYPE html>
<html>
 <head>
    <meta charset="utf-8">
    <title>SVG</title>
 </head>
 <body>
    <svg width="100%" height="100%"  >
        <circle cx="300" cy="60" r="50" stroke="#ff0" stroke-width="3" fill="black" />
    </svg>
 </body>
</html>

???? SVG? ???:
SVG
SVG? 2D ???? ???? ?? XML A ??? ?????.
SVG? XML? ???? ?? ?? SVG DOM? ?? ??? ????? ? ??? ?????. JavaScript ??? ???? ??? ??? ? ????.
　SVG??? ??? ? ??? ??? ?????. SVG ??? ??? ???? ????? ???? ???? ??? ? ????.
??:
???? ???? ??
??? ??? ??
??? ??? ? ??????(?: Google ??)? ?? ?????.
???? ??? ??? ??? ?????(DOM? ???? ???? ?? ??????). ??? ????)
　?? ?? ?????? ???? ????
???
???? JavaScript? ?? 2D ???? ????.
???? ?? ??? ??????.
?????? ???? ???? ? ?? ????? ??? ?? ????. ??? ???? ????? ???? ? ?? ??? ???? ?? ??? ?? ??? ???.
??:
???? ?? ??
??? ???? ???? ??
?? ??? ??? ??
?? ???? .png ?? .jpg ???? ???? ??
??? ???? ??????? ?? ?? ?? ??? ?? ?? ??? ??

???? ??

??? ??

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>SVG</title> </head> <body> <svg width="200" height="200"> <rect x="50" y="20" width="100" height="80" stroke="red" fill="#ccc"></rect> <circle cx="120" cy="80" r="40" stroke="#00f" fill="none" stroke-width="8"></circle> </svg> </body> </html>

?????? ???

????