原文地址：animating SVG with canvas and burst
系列地址：颠覆网络35天
====================================
今天的演示可能相对简短一些，不过其中也包括了一段介绍如何制作演示的视频。演示的作者是Alistair MacDonald (@F1LT3R)，他是Processing.js和Burst 引擎的主要维护者，这两个库也是我们今天演示中主要使用的。（译注：Burst引擎是基于HTML 5的Canvas元素的矢量绘图库。）
如果您还没有通过点击到他的站点上 看看的话，我强烈建议您先去看看。您会注意到他的站点非常具有动画效果，有些部分还带有幻灯播放的平滑效果和大量的影像。您看到这些动画和影响以往都是使 用Flash技术实现的，但是在这个站点的首页上没有Flash，全是使用CSS、Canvas和DOM来实现动画效果。很酷哈～～
回到我们今天的演示上，曾经有过一些制作SVG动画的演示，但是这个演示跟之前的那些有个很大的不同。并不是直接把SVG读取到HTML的文档对象 模型（DOM）中──SVG最初就是这样设计的──而是使用Burst引擎读取SVG，解析并生成对应的JavaScript对象以便之后使用这些 JavaScript对象在Canvas上渲染出来。这样，你可以通过Burst引擎制作动画，或者同Canvas上的内容融合产生动态效果。
我还建议您观看下面的教程，是讲述如何制作这个演示的。他展示了如何能够非常简单的使用inkscape（一个矢量做图软件包），Burst引擎和其他简单的JavaScript来制作简单的绘图并产生动画效果.
