Spritejs是一个跨平台的高性能图形系统，可以在web、node、桌面应用和小程序上渲染图形。
Spritejs是新版本的spritejs。它与渲染器无关，使相同的 api 可以在多个上下文中渲染：webgl2、webgl 和 canvas2d。
像处理 DOM 元素一样在画布中操纵Spritejs。
SpriteJS-spritejs.com _
<script src="https://unpkg.com/spritejs@3/dist/spritejs.min.js"></script>
<div id="container" style="width:400px;height:400px"></div>
<script>
const imgUrl = 'https://s5.ssl.qhres2.com/static/ec9f373a383d7664.svg'
const {Scene, Sprite} = spritejs;
const container = document.getElementById('container');
const paper = new Scene({
container,
width: 400,
height: 400,
})
const sprite = new Sprite(imgUrl)
sprite.attr({
bgcolor: '#fff',
pos: [0, 0],
size: [400, 400],
borderRadius: '200'
})
paper.layer().appendChild(sprite)
</script>
在浏览器中：
<script src="https://unpkg.com/spritejs@3/dist/spritejs.min.js"></script>
使用 Node.js：
npm install spritejs --save
import * as spritejs from 'spritejs';
SpriteJS Next可以通过3D 扩展库渲染 3D 元素。
<script src="https://unpkg.com/spritejs@3/dist/spritejs.es.min.js"></script>
<script src="https://unpkg.com/sprite-extend-3d/dist/sprite-extend-3d.js"></script>
或者来自 NPM
import {Scene} from 'spritejs';
import {Cube, shaders} from 'sprite-extend-3d';
与d3.js兼容。
基于 spritejs 的可视化库。
| 项目 | 描述 |
|---|---|
| 精灵视图 | 适用于 Vue.js 的 SpriteJS。 |
| 精灵反应 | 使用 React 渲染 spritejs 元素。 |
| q图 | 基于spritejs的可视化库 |
| 猫图视图 | 基于 spritejs 、qcharts 和 Vue 的可视化库。 |
Spritejs NEXT提供了几种基本的sprite元素，可以像DOM元素一样在图层上操作。
使用 NPM 构建
npm run build
构建文档
npm run build-doc
npm test
苏公网安备 32020502001035号
|
国家级科技型企业:202332020500049058 | 出版物经营许可证：新出发苏零字第B锡山A187号
*声明：本站部分内容来源于互联网，如有侵权请联系我们删除。
无锡市棠果网络科技有限公司
Copyright 2023-2026 元经纪 版权所有