SpriteJS 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
SpriteJS 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: MIT
开发语言: JavaScript
操作系统: 跨平台
开发厂商: 360
收录时间: 2018-06-20
提 交 者: 王练

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

文档结构

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

SpriteJS 的相关资讯

还没有任何资讯

SpriteJS 的相关博客

我对前端技术更新的看法以及未来发展趋势预测

前端开发如何看待“别更新了,学不动了”?Deno、TypeScript 等新轮子层出不穷,未来前端重点方向在哪?前端开发在大前端浪潮...

染陌足迹——13届D2前端技术论坛

水文预警!!多图预警!! 前一天刚参加完 See Conf 2019 回来,又起了一个大早赶往下沙。对于住在城西的我来说,下沙需要从杭...

【推荐】来奇舞团吧,让自己过得快乐一点

你品,你细细品~~ 听说,你喜欢的小哥哥小姐姐男神女神奇舞团都有,不信,你来看看呀🙈🙈🙈 说正事!!! 真诚地邀请可...

2018 年度国产开源软件新秀榜单

来源于开源中国整理分享 开源中国社区在 2018 年新收录了近 2000 款开源软件,种类林林总总。根据开源软件的关注度和活跃度,...

2018年6月

ng从构建分布式秒杀系统聊聊Lock锁使用中的坑 https://www.cnblogs.com/smallSevens/p/9114734.html https://gitee.com/52its...

《吐血整理》系列 前端开发工具、组件库集合

前言 Coding 应当是一生的事业,而不仅仅是 30 岁的青春🍚 大厂前端开发工具、组件库的集合,今天,它来了,它踏着七彩祥云...

2018年值得关注的10大JavaScript动画库

2018年值得关注的10大JavaScript动画库 旭日云中竹 前端早读课 1周前 前言 平时大家开发动画是采用什么方式呢?虽然18年过半,...

2018 年度新增开源软件排行榜之国产 TOP 50

2018 年开源中国社区「新增」开源软件排行榜之国产 TOP 50 终于发布了! 榜单根据 2018 年开源中国社区新收录的开源项目的关注...

360视频云Web前端HEVC播放器实践剖析

360视频云前端团队围绕HEVC前端播放及解密实现了一套基于WebAssembly、WebWorker的通用模块化Web播放器,在LiveVideoStackCon...

SpriteJS 的相关问答

还没有任何问答,马上提问

评论 (4)

加载中
👍
2019/05/09 11:24
回复
举报
用来做游戏可以吗
2018/06/27 21:25
回复
举报
打分: 力荐
看到奇舞团上推了,很棒。
2018/06/20 12:17
回复
举报
welefen软件作者
打分: 力荐
非常棒
2018/06/20 11:21
回复
举报
更多评论
4 评论
99 收藏
分享
返回顶部
顶部