HTML5ã§æ軽ã«æ±ããããã«ãªã£ãSVGï¼Scalable Vector Graphicsï¼ãååã¯ãInline SVGï¼ã¤ã³ã©ã¤ã³SVGï¼ã§åºæ¬çãªå³å½¢ãæãæ¹æ³ã解説ãã¾ãããä»åã¯ãHTML5ææ¸å ã«åãè¾¼ã¾ããã¤ã³ã©ã¤ã³SVGãJavaScriptã§å¶å¾¡ãã¾ãã JavaScriptã§SVGè¦ç´ ã«ã¢ã¯ã»ã¹ãã æåã«ãå¶å¾¡å¯¾è±¡ã¨ãªãSVGãã¼ã¿ãä½æãã¾ããããJavaScriptã§å¶å¾¡ãããSVGè¦ç´ ã«ã¯idå±æ§ãè¨è¿°ããIDåãä»ãã¦ããã¾ããé常ã®HTMLã¿ã°ï¼è¦ç´ ï¼ã«IDåãæå®ããå ´åã¨ã¾ã£ããåãã§ãããã¨ãã°<rect>ï¼åè§å½¢ï¼ãå¶å¾¡ãããå ´åã¯ä»¥ä¸ã®ããã«è¨è¿°ãã¾ãï¼IDåã¯ä»»æï¼ã <svg> <rect id="myBox" x="0" y="0" fill="red" width="100" height="80" /> </svg> IDåãæå®ãã¦ã
{{#tags}}- {{label}}
{{/tags}}