1.0.4 • Published 7 years ago
@tinyjs/tinyjs-plugin-extract v1.0.4
tinyjs-plugin-extract
Tiny.js renderer-specific plugins for exporting content from a renderer
查看demo
demo/index.html
引用方法
推荐作为依赖使用
npm install @tinyjs/tinyjs-plugin-extract --save
也可以直接引用线上cdn地址,注意要使用最新的版本号,例如:
起步
首先当然是要引入,推荐NPM
方式,当然你也可以使用CDN
或下载独立版本,先从几个例子入手吧!
1、最简单的例子
引用 Tiny.js 源码
<script src="http://tinyjs.net/libs/tiny.debug.js"></script>
require('@tinyjs/tinyjs-plugin-extract');
// 或者
// import * as extract from '@tinyjs/tinyjs-plugin-extract';
// 新建 App
const app = new Tiny.Application({
height: document.documentElement['clientWidth']
});
const texture = Tiny.Texture.fromImage('https://zos.alipayobjects.com/rmsportal/nJBojwdMJfUqpCWvwyoA.png');
const sprite = new Tiny.Sprite(texture);
texture.on('update', function () {
const image = app.renderer.plugins.extract.image(sprite);
console.log(image);
//=> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsC..SuQmCC">
});
依赖
Tiny.js
: Link
API文档
TODO