阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      SVG 圆形 <circle>

      SVG <circle>


      circle元素会在屏幕上绘制一个圆形。它只有3个属性用来设置圆形。

      <circle cx="25" cy="75" r="20"/>
      
      • r
        • 圆的半径
      • cx
        • 圆心的x位置
      • cy
        • 圆心的y位置

      下面是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>
      

      渲染效果



      代码解析:

      • cx和cy属性定义圆点的x和y坐标。如果省略cx和cy,圆的中心会被设置为(0, 0)
      • r属性定义圆的半径
      目录
      本文目录
      目录