2.圆形 <circle>
示例2.1
<svg height="100" width="100"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> </svg> 代码解释：
- cx 和 cy 属性定义圆点的 x 和 y 坐标。如果省略 cx 和 cy，圆的中心会被设置为 (0, 0)
- r 属性定义圆的半径
SVG Shapes之圆形 <circle>
2016-05-17
1562
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
3月前
|
7月前
|
移动开发
前端开发
JavaScript
HTML5 Canvas自定义圆角矩形与虚线(Rounded Rectangle and Dash Line)
HTML5 Canvas自定义圆角矩形与虚线(Rounded Rectangle and Dash Line)
80
3
3
|
6月前
|
前端开发
|
8月前
|
前端开发
|
前端开发
|
缓存
定位技术
解决Leaflet.draw中polyline绘制无法结束的问题
通过本文，可以了解如何自定义Draw.PolyLine对象，以及在扩展时需要注意的一些坑，知道如何调试函数并定位问题，最终完成需求。
359
0
0
|
前端开发
数据格式
XML
background-image使用svg如何改变颜色
2599
0
0
|
前端开发
热门文章
最新文章
1
多中心容灾实践：如何实现真正的异地多活？
2
Canal 数据同步（应用场景） | 学习笔记
3
你用过的网站前端优化的技术有哪些？
4
Confluence 6 那些文件需要备份
5
解决LR-Controller场景下1个用户运行出错
6
[IOS]本地化
7
Visual Studio Extensions for SharePoint Services, Really Cool !
8
基于链表编写“猫吃老鼠”
9
证码识别--type1
10
2012年我的关键词
1
「全网最细 + 实战源码案例」设计模式——外观模式
97
2
《迈向绿色智能：探寻人工智能硬件可持续发展之路》
39
3
《光存储与3D存储：开启人工智能硬件存储新时代》
27
4
《解锁AI潜能：深度挖掘工程数据宝藏》
37
5
《深度解析：VAEs如何重塑数据生成与重建格局》
35
6
《AI 造梦：解锁虚拟场景与角色逼真丰富密码》
28
7
jQuery+Slick插件实现游戏人物轮播展示切换源码
23
8
网安入门之MySQL后端基础
33
9
【03】优雅草央千澈详解关于APP签名以及分发-上架完整流程-第三篇安卓APP上架华为商店后面的步骤-华为应用商店相对比较麻烦一些-华为商店安卓上架
32
10
OpenHands：能自主检索外部知识的 AI 编程工具，自动执行命令、网页浏览和生成代码等操作
64