<circle> 标签可用来创建一个圆:
下面是SVG代码:
实例
<!DOCTYPE html> <html> <body> <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> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
对于Opera用户:查看SVG文件(右键单击SVG图形预览源)。
代码解析:
cx和cy属性定义圆点的x和y坐标。如果省略cx和cy,圆的中心会被设置为(0, 0)
r属性定义圆的半径