最新的Web开发教程

×

SVG 教程

SVG 主页 SVG in HTML5 SVG 长方形 SVG 圈 SVG 椭圆 SVG 线 SVG 多边形 SVG 折线 SVG 路径 SVG 文本 SVG 轻抚

SVG 过滤器

SVG 过滤器介绍 SVG 模糊效果 SVG 阴影

SVG 渐变

SVG 线性 SVG 径向

SVG 例子

SVG 参考

SVG <圆>

❮上一页下一页章❯

SVG圈 - <圆>

在<circle>元素被用来创建一个圆：

下面是SVG代码：

例

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

Code explanation:

在CX和cy属性定义的x和圆的中心的y坐标。如果省略CX和CY，圆的中心被设置为(0,0)
所述r属性定义了圆的半径

❮上一页下一页章❯