SVG简介
SVG 是英文 Scalable Vector Graphics 的缩写，意为可缩放矢量图。
SVG 是用XML格式定义的矢量图。
本教程中将要使用的代码例子
<html> <body> <h1>我的第一个SVG程序</h1> <svg width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> </svg> </body> </html>
SVG是什么？
- SVG 表示可缩放矢量图
- SVG 用来定义WEB上使用的矢量图
- SVG 用XML格式定义矢量图
- SVG 在缩放时不会损失任何的图片质量
- SVG 文件里的所有元素和属性都可以运用动画效果
- SVG 是W3C推荐的
- SVG 集成了其它W3C标准，比如 DOM 和 XSL
SVG 是W3C推荐的标准格式
- SVG 1.0 诞生于2001年9月4日
SVG 的优势
相比起其它图片格式(比如JPEG和GIF)，SVG的优势有：
- SVG 图片可以使用文本编辑器创建和编辑
- SVG 图片能够实现内容搜索，索引，脚本控制和压缩
- SVG 图片是可缩放的
- SVG 图片可以以任意高分辨率打印
- SVG 图片的缩放显示是无损的
- SVG 是开放标准
- SVG 文件是纯XML的
SVG的最大竞争者是Flash。
SVG的优势体现在，它兼容了其它标准(比如，XSL和DOM)。Flash是具有专利的技术，不开源。
创建 SVG 图片
SVG 图片可以使用任何文本编辑器创建，但更高效的还是一些专业绘图软件，比如 Inkscape.