最高效的WEB程序员学习网站
☰ SVG手册 HTML5手册
 

SVG圆形


<circle>元素的作用是绘制圆形：


  
  Sorry, your browser does not support inline SVG.

上面的SVG图片使用了下面的SVG代码：

<svg height="100" width="100">

 
<circle cx="50" cy="50" r="40" stroke="black"
stroke-width="3" fill="red" />

</svg>

代码说明：

  • cx和cy属性是用来定义圆心的坐标。如果没有提供cx和cy的值，则缺省圆心是(0,0)
  • r属性定义了圆的半径长度

我们的教程针对学习、测试和培训进行了优化。可以简化示例以提高阅读和基本理解。我们会不断更新教程、参考资料和示例以避免错误，但我们不能保证所有内容完全正确。