SVG <circle>

SVG 圆 - <circle>

<circle> 元素用于创建圆：

这是 SVG 代码：

实例

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

亲自试一试

代码解释：

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