SVG是一种图像文件格式(扩展名.svg),意思为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由W3C联盟进行开发的。
SVG 是使用 XML 来描述二维图形和绘图程序的语言。
SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用来定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
SVG 是万维网联盟的标准
SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体
国内的微信公众号之订阅号,可使用SVG完成一些简单的页面交互。从而大幅增加微信公众号的用户体验以及交互增强。对于公众号运营人员来说,有必要学习该技术。
推荐免费文档:
学习之前应具备的基础知识:
由于SVG是XML文件,SVG图像可以用任何文本编辑器创建,但它往往是与一个绘图程序一起使用,如Inkscape,更方便地创建SVG图像。
<html>
<body>
<h1>My first SVG</h1>
<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>
</body>
</html>
如对SVG感兴趣可参考上述给出的免费学习教程地址在W3School进行学习。