nativeScript-browser-polyfill
浏览器 polyfill,使 NativeScript 兼容 web 库,如 pixi.js、three.js、phaser.js
npm i --save nativescript-browser-polyfill
- 版本:1.0.0-alpha8
- GitHub: https://github.com/triniwiz/nativescript-browser-polyfill
- NPM: https://npmjs.net.cn/package/nativescript-browser-polyfill
- 下载
- 昨日: 0
- 上周: 0
- 上个月: 0
nativeScript-browser-polyfill
NativeScript 浏览器 polyfill
安装
npm i nativescript-browser-polyfill
使用
将库导入您的 JavaScript 文件
import 'nativescript-browser-polyfill';
实现
DOM
DOM 提供了非常低的支持,这些用于像 pixi.js 那样验证类型的库。
class Node
class Element
class Document
class HTMLImageElement
class Image
class ImageBitmap
class HTMLVideoElement
class Video
class HTMLCanvasElement
class Canvas
Image, HTMLImageElement, ImageBitmap
Image 支持加载回调,但是加载的 uri 必须已经传递给 src。
const image = new Image();
image.src = '';
image.onload = () => {
const { src, width, height } = image;
};
image.addEventListener('loading', () => {});
image.addEventListener('error', () => {});
Document
const element = document.createElement('div');
const fakeContext = element.getContext('');
Element
所有大小返回窗口大小
element.clientWidth;
element.clientHeight;
element.innerWidth;
element.innerHeight;
element.offsetWidth;
element.offsetHeight;
空属性,防止库崩溃
element.tagName;
element.addEventListener;
element.removeEventListener;
element.setAttributeNS;
element.createElementNS;
Node
node.ownerDocument;
node.className;
node.appendChild;
node.insertBefore;
node.removeChild;
node.setAttributeNS;
node.getBoundingClientRect;
调试标志
用于切换基64图像转换的调试标志
global.__debug_browser_polyfill_image = true;
默认情况下 global.__debug_browser_polyfill_image
为 false。
许可证
Apache 许可证版本 2.0,2004 年 1 月