svg-圆形circle& 椭圆ellipse

SVG中的圆形

<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>

圆形属性

cx和cy属性定义圆点的x和y坐标。如果省略cx和cy，圆的中心会被设置为(0, 0)
r属性定义圆的半径

SVG椭圆

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <ellipse cx="300" cy="80" rx="100" ry="50"
  style="fill:yellow;stroke:purple;stroke-width:2"/>
</svg>

椭圆属性

CX属性定义的椭圆中心的x坐标
CY属性定义的椭圆中心的y坐标
RX属性定义的水平半径
RY属性定义的垂直半径

css属性

style 属性用来定义 CSS 属性
css中
  fill 属性定义矩形的填充颜色（rgb 值、颜色名或者十六进制值）
  stroke-width 属性定义矩形边框的宽度
  stroke 属性定义矩形边框的颜色
  fill-opacity 属性定义填充颜色透明度（合法的范围是：0 - 1）
  stroke-opacity 属性定义轮廓颜色的透明度（合法的范围是：0 - 1）
  opacity 属性用于定义了元素的透明值 (范围: 0 到 1)。