SVG简介
SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用来定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
SVG 是万维网联盟的标准
SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体
Canvas vs SVG
下面的内容引自：HTML5之图形绘制技术（Canvas Vs SVG）
Canvas和SVG是HTML5中主要的2D图形技术，前者提供画布标签和绘制API，后者是一整套独立的矢量图形语言，成为W3C标准已经有十多年(2003.1至今)，总的来说，Canvas技术较新，从很小众发展到广泛接受，注重栅格图像处理，SVG则历史悠久，很早就成为国际标准，复杂，发展缓慢（Adobe SVG Viewer近十年没有大的更新）
SVG与Canvas主要特点
根据两者的不同特点，Canvas和SVG有各自的适用范围
Canvas适用场景
Canvas提供的功能更原始，适合像素处理，动态渲染和大数据量绘制
SVG适用场景
SVG功能更完善，适合静态图片展示，高保真文档查看和打印的应用场景
js操作SVG
网友评论