SpriteJS 介绍
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
-
简便而强大的 Transition、Animation API
-
可扩展的事件机制
-
高性能的缓存策略
-
对 D3、Matter-js、Proton和 其他第三方库友好
-
跨平台,支持 node-canvas 、微信小程序
SpriteJS 官网
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。