SVG 圆形 <circle>
🌙
手机阅读
本文目录结构
SVG <circle>
circle元素会在屏幕上绘制一个圆形。它只有3个属性用来设置圆形。
<circle cx="25" cy="75" r="20"/>
- r
- 圆的半径
- cx
- 圆心的x位置
- cy
- 圆心的y位置
下面是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属性定义圆的半径
