跨平台canvas绘图框架SpriteJS

menao936

SpriteJS是一款由360奇舞团开源的跨终端 canvas 绘图库，可以基于 canvas 快速绘制结构化 UI 、动画和交互效果，并发布到任何拥有 canvas 环境的平台上（比如浏览器、小程序和node）。

我们知道，Canvas Api 可以很灵活地绘制各种矢量图形到画布上，但是 Canvas Api 本身比较低级，比如我们要在画布中央绘制一个带有圆角的红色矩形，使用 Canvas 原生的 Api ，需要写一大堆代码，如果实现相同的效果，使用 SpriteJS会节省一大半时间和精力。

Sprite 为图形创建类似于 DOM 的对象模型，因此我们可以像创建 DOM 元素一样，创建 Sprite 元素，并将它们 append 到 layer 上，从而将元素呈现到画布上。

Sprite基于 canvas 绘制的文档对象模型，拥有四种基本精灵类型：Sprite、Path、Label、Group；支持基础和高级的精灵属性，精灵盒模型、属性与 CSS3 具有高度一致性。简便而强大的 Transition、Animation API。

Sprite支持雪碧图和资源预加载；可扩展的事件机制；高性能的缓存策略对 D3、Matter-js、Proton和其他第三方库友好；跨平台，支持 node-canvas 、微信小程序。