SVG 圆形

SVG 圆形

SVG 中的 元素用于绘制圆形，它是SVG中常用的基本形状之一。

使用 元素可以创建圆形的图形，并可以通过设置属性来控制圆形的位置、大小和样式。

基本语法

cx="x-coordinate"

cy="y-coordinate"

r="radius"

fill="fill-color"

stroke="stroke-color"

stroke-width="width"

/>属性解析：

cx 和 cy 属性定义了圆心的坐标，即圆的中心点的位置。

r 属性定义了圆的半径，以确定圆的大小。

fill 属性定义了圆的填充颜色。

stroke 属性定义了圆的描边颜色。

stroke-width 属性定义了圆的描边宽度。

以下代码绘制了一个蓝色填充、黑色描边、半径为 50 像素的圆形，圆心坐标为 (100, 100)。

实例

下面是 SVG 代码：

实例

stroke-width="2" fill="red"/>

尝试一下 »

点击查看：查看 SVG 文件。

代码解析：

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

r 属性定义圆的半径