Welcome

カキノタblog

自分の興味あるテーマを中心に、図解多めに記事を作成していきたいと思います。

基本図形 SVGで楕円形を描く

SVGで簡単に楕円を描く書き方です。

svg_楕円

ソースコード

<svg width="200" height="100">
	<ellipse cx="100" cy="50" rx="100" ry="50" />
</svg>

ノート

ellipse要素を使うと、ここに各属性を指定するだけで簡単に楕円を定義できます。

svg_楕円2

ellipse要素の属性
cx 楕円の中心のX座標。
cy 楕円の中心のY座標。
rx 楕円のX軸半径の長さ。
ry 楕円のY軸半径の長さ。

参考リンク