浏览器绘图的基本原理

基于 HTML 和 JavaScript 的浏览器绘图方式，依赖于各个浏览器内部所提供的图形引擎。

但由于不同浏览器所支持的网络图形标准不尽相同，给软件的兼容性造成了很大的困难。

目前几个主流的网络图形标准包括：

IE 支持的 VML。

Firefox，Safari 和 Opera 支持的 SVG。

HTML5 支持的 Canvas。

VML 是微软开发并在 IE 5.0 以上版本提供支持的基于 XML 的一种标记语言，使用 VML 描述的矢量图形，由 shape 和 group 两个基本元素定义，shape 描述了一个矢量图形元素，而 shape 则将这些图形元素集合在一起，从而使其可以作为一个整体被处理。由于使用简单的文本来表示图像，因而 VML 可用很少的字节来表示相对复杂的图像。

SVG 是由 W3C 制定的同样基于 XML 的矢量图形描述语言，SVG 元素是指示如何绘制图像的一些指令，由图形引擎解释这些指令，把 SVG 图像在浏览器上显示出来。使用 SVG 可以在网页上显示出各种各样的高质量的矢量图形，其最明显的特征是灵活的文件格式，矢量图形、位图和文字三部分共同组成一个 SVG 图形，并具备对运行中的 Web 页面图像进行实时修改的能力。

Canvas 是指 HTML 5 中新加入的 canvas 元素，最初由 Apple 的 Safari 浏览器引入，而后受到 Firefox 和 Opera 的广泛支持。Canvas 元素相对 VML 和 SVG 的一个重要不同在于，canvas 提供了通过 JavaScript 绘制图形的方法，每一个 canvas 元素都有一个上下文，在其中可以绘制任意图形；而 SVG 和 VML 都使用 XML 文档来描述图形，开发人员通常通过修改其中的 XML 标记来完成对图像的修改。

简单查了下资料，一般的用DOJO框架可以满足，如果要画特殊的图，那么就要做好兼容性。