跨平台 canvas 绘图框架 SpriteJS

码农软件 · 软件分类 · 图像(Image) · 2019-05-29 11:59:08

软件介绍

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

文档结构

本文地址:https://codercto.com/soft/d/6796.html

XML完全探索

XML完全探索

Steven Holzner / 中国青年出版社 / 2001-10 / 89.00

《XML完全探索》是完全根据读者的需要而设计的,书中有大量实际的XML场景。是一本尽可能深入地阐述XML的书籍,与其他XML书籍不同,本书中给出了上百个示例代码,完全测试通过,可供使用。 本书将帮助您:精通所有的从XML语法到XLink、从 XPointer到XML模式的XML标准;使用XSL和XSL格式化对象;使用XML和层叠样式表;利用Java和JavaScript,使用DOM解析器和一起来看看 《XML完全探索》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具