SVG チュートリアルlogin
SVG チュートリアル
著者:php.cn  更新時間:2022-04-18 17:51:50

SVGサークル



<circle> タグを使用してサークルを作成できます:


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

<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg> 
 
</body>
</html>

インスタンスの実行» [インスタンスの実行] ボタンをクリックして、オンラインの例を表示します

Opera ユーザーの場合: SVG ファイルを表示します (SVG グラフィック プレビュー ソースを右クリックします)。

コード分析:

  • cx 属性と cy 属性は、点の x 座標と y 座標を定義します。 cxとcyを省略した場合、円の中心は(0, 0)に設定されます

  • r属性は円の半径を定義します