跨平台 canvas 绘图框架 SpriteJS

2018香港最快开奖结果: 跨平台 canvas 绘图框架 SpriteJS

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

文档结构

的码云指数为
超过 的项目
加载中

评论(3)

落舞者
落舞者
用来做游戏可以吗
老大哥
老大哥
看到奇舞团上推了,很棒。
welefen
welefen 软件作者
非常棒

暂无资讯

暂无问答

染陌足?!?3届D2前端技术论坛

水文预警??!多图预警??! 前一天刚参加完 See Conf 2019 回来,又起了一个大早赶往下沙。对于住在城西的我来说,下沙需要从杭州的一端跑到另一端,实在是远。好在现在通了文一西路隧道,早上...

01/19 21:34
4
0
2018 年度新增开源软件排行榜之国产 TOP 50

2018 年开源中国社区「新增」开源软件排行榜之国产 TOP 50 终于发布了! 榜单根据 2018 年开源中国社区新收录的开源项目的关注度、活跃度,以及所属分类整理而来,相信在一定程度上反映了国内...

01/23 09:43
357
2

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部
  • 享受激情世界杯 远离心脑血管疾病 2019-04-18
  • 海淀区:“采”绘金秋美景,享受田园“嗨”淀 2019-04-18
  • 2018年新疆兵团面向社会招聘4000余名事业单位工作人员 2019-04-18
  • 享受激情世界杯 远离心脑血管疾病 2019-04-17
  • 世界杯的远和近(绿茵走笔) 2019-04-17
  • 牙膏-热门标签-华商生活 2019-04-16
  • 世界3D打印技术产业 大会会址永久落户佛山 2019-04-16
  • 湖州德清义务教育标准化学校创建率达97.4% 2019-04-16
  • 普林斯顿校长的演讲|上大学的意义是什么? 2019-04-16
  • 因监管趋严等多方承压 车贷行业不断涌现清盘潮 2019-04-15
  • 第529期:辅助降压、缓解便秘……薯类食物好处多多,怎样吃更健康? 2019-04-15
  • 光明网举报受理和处置管理办法 2019-04-15
  • 企业养老保险基金中央调剂制度下月起实施 2019-04-14
  • 一笔“农”墨绘山川——重庆市万州区国家农业公园速写 2019-04-14
  • 疾风加骤雨 铁军在行动 2019-04-13
  • 388| 438| 400| 829| 364| 633| 371| 754| 235| 818|