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 源码

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

varBitmapText=require('tinyjs-plugin-bitmap-text');// 或者// import BitmapText from 'tinyjs-plugin-bitmap-text';varloader=newTiny.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(){varfontText=newBitmapText('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