中国最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2

svg教程

  • SVG 教程
  • SVG 简介
  • SVG 实例
  • SVG 在 HTML 中
  • SVG 矩形
  • SVG 圆形
  • SVG 椭圆
  • SVG 直线
  • SVG 多边形
  • SVG 曲线
  • SVG 路径
  • SVG 文本
  • SVG Stroke 属性
  • SVG 滤镜
  • SVG 模糊效果
  • SVG 阴影
  • SVG 渐变 – 线性
  • SVG 渐变- 放射性
  • SVG 实例
  • SVG 参考手册
    • ←上一篇： SVG 矩形

    SVG 圆形

    阅读 (2196)

    SVG <circle>

    SVG 圆形 - <circle>

    <circle> 标签可用来创建一个圆：

    下面是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图形预览源）。

    代码解析：

    • cx和cy属性定义圆点的x和y坐标。如果省略cx和cy，圆的中心会被设置为(0, 0)
    • r属性定义圆的半径
    ←上一篇： SVG 矩形

    程序员人生，我编程，我富裕，记住wfuyu网，php教程，php学习，php手册，CMS模版制作

    声明：本站大部分内容是作者原创，少部分收集于互联网供大家一起学习，原版权很多不明，如有侵权请联系本站，谢谢！

    粤ICP备14040726号-1   2015-2020 程序员人生 版权所有

    平平安安 备案网站
    关闭
    程序员人生