SpriteJS- 跨平台 canvas 绘图框架

Spritejs- 跨平台 canvas 绘图框架

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

我们知道，Canvas Api 可以很灵活地绘制各种矢量图形到画布上，但是 Canvas Api本身比较低级，比如我们要在画布中央绘制一个带有圆角的红色矩形，使用 Canvas 原生的 Api ，需要这样：

如果实现相同的效果，使用 SpriteJS 是这样写：

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

功能特性：

基于 canvas 绘制的文档对象模型四种基本精灵类型：Sprite、Path、Label、Group支持基础和高级的精灵属性，精灵盒模型、属性与 CSS3 具有高度一致性。简便而强大的 Transition、Animation API支持雪碧图和资源预加载可扩展的事件机制高性能的缓存策略对 D3、Matter-js、Proton和 其他第三方库友好跨平台，支持 node-canvas 、微信小程序

文档结构

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。