HTML5 SVG描画サークルの簡単な例sharing_html/css_WEB-ITnose

今日は「SVG描画サークル」部分を共有します

1. シンプルなサークル

レンダリングは次のとおりです:

キーコード:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">     <circle cx="40" cy="40" r="40"></circle></svg>

コード分析:

cxandcyプロパティは、点の x 座標と y 座標を定義します。 cx と cy が省略された場合、円の中心は (0, 0) に設定されます

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

2、円の塗りつぶしの色と境界線

効果画像

キーコード:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">     <circle cx="45" cy="45" r="40" stroke-width="3" stroke="blue" fill="red"></circle></svg>

コード分析:

fill 属性は円の塗りつぶしの色 (RGB 値、色名または 16 進値) を定義します。円形の境界線の幅

ストローク属性は円形の境界線の色を定義します

さて、今日の共有はここで終わります。間違いがあれば、次回修正してください。 「svg描画楕円」部分を共有しますので、それまでに閲覧していただければ幸いです。ありがとうございます。