DevOps研发效能
媒体矩阵
开源中国APP
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 iOS代码库图像(Image)
开源组织 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 指数为
超过 的项目

评论

点击加入讨论🔥(4) 发布并加入讨论🔥
暂无内容
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
4 评论
101 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部