良许Linux教程网 干货合集 跨平台 canvas 绘图框架SpriteJS

跨平台 canvas 绘图框架SpriteJS

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

使用

sprite.js 的使用十分简单,就像普通的图形库一样,以官方的 quick start 为例:

"container">

先导入 sprite.js,然后声明一张画布,将其与 id 为 container 的容器绑定,并规定 400*400 的大小。

然后,声明一个精灵对象,从 imgUrl 加载图片设置纹理,其后设置其属性,这些属性名简单易懂,便不赘述了,值得注意的是,sprite 具有图层功能,所以在添加精灵到画布上时,还需要指出图层。

运行的结果如下:

sprite.js ——跨平台的2D绘图对象模型库sprite.js ——跨平台的2D绘图对象模型库

就是在页面左上角显示了一张图片。

注:该项目有中文文档,感兴趣的不妨前去一看。

项目相关

sprite.js 目前可与 31 款已通过库或其他工具一起使用,下面介绍三种:

1.d3.js(一个用来做数据可视化的 JavaScript 的函数库)

sprite.js 与 d3.js 兼容,可以做出条状图,分层,地图和强制链接

2.Proton(一个轻量级但是强大的JavaScript小引擎)

sprite.js可以和Proton一起做出火焰特效,小的背景和其他你想自定义的东西

3.Matter-js (一个 JavaScript 2D 刚体物理引擎。)

可以做出不同的形状的物体,并一起出现

以上就是良许教程网为各位朋友分享的Linu系统相关内容。想要了解更多Linux相关知识记得关注公众号“良许Linux”,或扫描下方二维码进行关注,更多干货等着你 !

img
本文由 良许Linux教程网 发布,可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。
良许

作者: 良许

良许,世界500强企业Linux开发工程师,公众号【良许Linux】的作者,全网拥有超30W粉丝。个人标签:创业者,CSDN学院讲师,副业达人,流量玩家,摄影爱好者。
上一篇
下一篇

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

联系我们

公众号:良许Linux

在线咨询: QQ交谈

邮箱: yychuyu@163.com

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部