SVG 圆形 <circle>

<circle> 标签可画一个圆

SVG 圆形 - <circle>

<circle> 标签可画一个圆

  • cxcy 属性定义圆点的 xy 坐标。如果省略 cxcy,圆的中心会被设置为(0, 0)
  • r 属性定义圆的半径

范例

我们来画一个圆心坐标为 (100,50) 半径为 40 的圆

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>

运行范例 »

对于 Opera 用户: 查看 SVG 文件 (右键单击 SVG 图形预览源)

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.