tinyjs-plugin-bitmap-text

位图文字

查看demo

http://tinyjs.net/plugins/tinyjs-plugin-bitmap-text.html#demo

引用方法

• 推荐作为依赖使用

  • npm install tinyjs-plugin-bitmap-text --save

• 也可以直接引用线上cdn地址，注意要使用最新的版本号，例如：

  • https://gw.alipayobjects.com/as/g/tiny-plugins/tinyjs-plugin-bitmap-text/0.1.2/index.js
  • https://gw.alipayobjects.com/as/g/tiny-plugins/tinyjs-plugin-bitmap-text/0.1.2/index.debug.js

起步

首先当然是要引入，推荐NPM方式，当然你也可以使用CDN或下载独立版本，先从几个例子入手吧！

1、最简单的例子

引用 Tiny.js 源码

<script src="https://gw.alipayobjects.com/as/g/tiny/tiny/1.2.0/tiny.js"></script>

var BitmapText = require('tinyjs-plugin-bitmap-text');
// 或者
// import BitmapText from 'tinyjs-plugin-bitmap-text';
var loader = new Tiny.loaders.Loader();
loader.add([{
  name: 's_font_fnt',
  url: 'https://gw.alipayobjects.com/as/g/tiny/resources/1.0.0/bitmaptext/FontEng.xml',
}]).load(function () {
  var fontText = new BitmapText('fnt fonts are supported!\ncreated by \n"Tiny.BitmapText()\n1234567890"', {
    font: '32px Impact',
    tint: '0xff6600',
  });
  // container.addChild(fontText);
});

依赖

• Tiny.js: Link

API文档

http://tinyjs.net/plugins/tinyjs-plugin-bitmap-text.html#docs