SVG VS Canvas

SVG（scalable Vector Graphics,可伸缩矢量图形）和Canvas对比

Canvas的概念最初是由Apple公司提出的，主要用于在MAC OS X WebKit中创建控制板部件。Canvas本质上是一个位图画布，其上绘制的图形是不可缩放的，不能像SVG图像那样可以被放大缩小。此外，用Canvas绘制出来的对象不属于页面DOM结构或者任何命名空间——这点被认为是一个陷阱。SVG图像却可以在不同的分辨率下流畅地缩放，并且支持单击检测（能检测到鼠标单击了图像上的哪个点）。

既然如此，为什么WHATWG（Web Hypertext Application Technology Working Group,Web超文本应用技术工作组）的HTML5规范不使用SVG呢？尽管Canvas有明显的不足，但是HTML Canvas API有两方面优势可以弥补：第一，不需要将绘制图像中的每个图元当做对象存储，因此执行性能非常好；第二，在其他编程语言现有的优秀二维绘图API的基础上实现Canvas API相对来说比较简单。

                                                                    HTML5高级程序设计——Peter