Welcome
自分の興味あるテーマを中心に、図解多めに記事を作成していきたいと思います。
基本図形 SVGで四角形を描く
SVGで四角形を描く最もシンプルな方法です。
正方形
ソースコード
<svg width="200" height="200">
<rect width="200" height="200"/>
</svg>
説明
SVGで四角形を描くにはrect要素を使うのが簡単です。rectは、現在の利用座標系における座標軸に平行な矩形を定義します。widthとheightのサイズを設定するだけで四角形を描画できます。また、x,y属性を設定すれば位置を設定することができます。設定されない場合は0,0の位置に描画されます。
| x | 左上の角の位置のX座標。 |
|---|---|
| y | 円の中心のY座標。 |