SVGの記述方法まとめSVGの記述方法を調べてみたのでまとめておきます。 基本的な記述 SVGで200px×100pxの四角形を描画してみます。 HTML <svg> <rect width="200" height="100" fill="#999"/> </svg> SVGの基本的な記述のデモページ1 svgタグの中に四角形を描画するrectタグを記述して、widthとheightでサイズ指定、fillで塗りつぶしの色を指定しています。 次に、上記の四角形を画面幅に引き延ばしてみます。 HTML <svg width="100%" viewBox="0 0 200 100"> <rect width="200" height="100" fill="#999"/> </svg> SVGの基本的な記述のデモページ2 rectタグはそのままで、svgタグにwidthとviewBoxを指定しました。 widthは
