-
SVG圆形 ＜circle＞的示例代码
本专栏是汇集了一些HTML常常被遗忘的知识，这里算是温故而知新，往往这些零碎的知识点，在你开发中能起到炸惊效果。我们每个人都没有过目不忘，过久不忘的本事，就让这一点点知识慢慢渗透你的脑海。
本专栏的风格是力求简洁明了。SVG使用 来创建圆形.
圆形规则
cx和cy属性定义圆点的x和y坐标。如果省略cx和cy，圆的中心会被设置为(0, 0)。 r属性定义圆的半径。
效果图
源代码
<!DOCTYPE html> <html> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="150" cy="50" r="50" stroke="green" stroke-width="2" fill="yellow" /> </svg> </body> </html>- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
SVG 的历史和优势
SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用
XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和
XSL 之类的 W3C 标准是一个整体在 2003 年一月，SVG 1.1 被确立为 W3C 标准。参与定义 SVG 的组织有：Sun公司（已被Oracle公司收购）、Adobe、苹果公司、IBM 以及柯达。
与其他图像格式相比，使用 SVG 的优势在于：
SVG 可被非常多的工具读取和修改（比如记事本） SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。 SVG
是可伸缩的 SVG 图像可在任何的分辨率下被高质量地打印 SVG 可在图像质量不下降的情况下被放大 SVG
图像中的文本是可选的，同时也是可搜索的（很适合制作地图） SVG 可以与 JavaScript 技术一起运行 SVG 是开放的标准 SVG
文件是纯粹的 XML SVG 的主要竞争者是 Flash。与 Flash 相比，SVG 最大的优势是与其他标准（比如 XSL 和 DOM）相兼容。而 Flash 则是未开源的私有技术。
结尾语
HTML是前端页面展示的骨架，应用无处不在，希望某个知识点就能帮助你，欢迎学习GIS的朋友一起交流。
《 Openlayers 综合示例200+ 》，
《 leaflet示例教程100+ 》，
《 Cesium示例教程100+》，
《MapboxGL示例教程100+》。 -
相关阅读:
【纯干货】SpringBoot 整合 ES 进行各种高级查询搜索
由113号元素鉨114号元素夫115号元素镆元素汞银金等元素构成的超导体
Redis从入门到放弃（8）：哨兵模式
Espresso Test 3: Fragment Test
下班前几分钟，我弄清了v-model与.sync的区别
Docker从入门到进阶之进阶操作(6) —— 【在docker上运行gitlab】
----JAVA 继承----
从宏观到微观——泽攸科技ZEM系列台式扫描电子显微镜在岩石分析中的应用
如何做好一个配置中心
全志V853如何动态打开蓝牙kernel部分的log？
- 原文地址：https://blog.csdn.net/cuclife/article/details/134515758