最新のWeb開発のチュートリアル
 

SVG <円>


SVGサークル - <円>

<circle>要素は、円を作成するために使用されます:

申し訳ありませんが、お使いのブラウザはインラインSVGをサポートしていません。

ここでSVGコードは次のとおりです。

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
»それを自分で試してみてください

Code explanation:

  • CXとCYの属性は、円の中心のx、y座標を定義します。 CXとCYを省略した場合、円の中心に設定されている(0,0)
  • r属性は、円の半径を定義します