Patrick_Dengler

如何Canvas和SVG的选择为您的网站:给您带来和HTML5 / CSS3的区高级别摘要Canvas和SVG
下面是一个Canvas和SVG的高度概括，是帧讨论何时使用在一个特定的矢量图形技术。
60; 比较的帆布和 SVG的 帆布 SVG的 & #160; 基于像素（帆布，本质上是一个用图像元素 绘图API） 基于对象模型（SVG元素是类似于HTML元素） 单个HTML元素类似行为到LT; imggt的; 多个图形元素，成为文档的一部分 对象模型（DOM）  ; 创建和修改编程的视觉呈现 通过脚本 创建标记和视觉呈现由CSS修改或 通过编程脚本 事件模型/用户交互是粗canvas元素 ;相互作用必须手工编程鼠标坐标 事件模型/用户交互是基于对象的水平 原始的图形元素，线条，矩形，路径 API不支持无障碍;基于标记技术 此外，必须使用到画布 SVG的标记和对象模型的直接支持辅助
SVG是被称为保留模式图形坚持在内存中的模型模型。类似于HTML，SVG建立了一个对象模型的元素，属性，和风格。当LT; svggt;元素出现在HTML5文档，行为就像一个内联块和HTML文档树的一部分。
帆布立即模式图形应用编程的位图接口（API）上绘图。 Canvas是一个"火忘了吗？？模型呈现的图形直接位图，并随后有没有意义绘制的形状;只有由此产生的的点阵图保持周围。
认为这些方式是帆布类似于Windows的GDI API，在那里你编程绘图的一个窗口，和SVG类似的HTML标记元素，样式，事件，基于DOM的可编程性。 Canvas是程序而SVG是声明。场景
以下各节描述了双方的技术优势和局限性技术，包括常识的方法来确定当一个人适合于给定的任务。下面的插图说明，其中每个从Canvas，SVG的频谱超过明确的交叉点上的情况下属于在中间。
{S}矢量图形谱