本节我们来学习如何在 SVG 中绘制圆形,圆形也是 SVG 的基本形状之一,我们可以通过 <circle>
元素来绘制原型。
如何绘制一个圆形
要绘制圆形可以通过 <circle>
元素来实现,在绘制圆形时,我们需要确定这个圆的圆心及半径。其中确定圆心需要用到 cx
属性和 cy
属性,半径需要用到 r
属性。除此之外,还可以使用 fill
属性圆进行颜色填充,stroke
属性进行描边等。
示例:
例如我们创建一个圆:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SVG学习(9xkd.com)</title>
<link rel="styleSheet" type