跨平台canvas绘图框架SpriteJS


  • 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 、微信小程序。

    项目地址: https://spritejs.org/#/

    998574e6-a999-439e-88f6-8e0fa93d8588-image.png