SVGサークル
<circle> タグを使用してサークルを作成できます:
例
インスタンスの実行» [インスタンスの実行] ボタンをクリックして、オンラインの例を表示します
Opera ユーザーの場合: SVG ファイルを表示します (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>
インスタンスの実行» [インスタンスの実行] ボタンをクリックして、オンラインの例を表示します
コード分析:
- cx 属性と cy 属性は、点の x 座標と y 座標を定義します。 cxとcyを省略した場合、円の中心は(0, 0)に設定されます
- r属性は円の半径を定義します