nativeScript-browser-polyfill
由 triniwiz 提供 | v1.0.0-alpha8
浏览器 polyfill,使 NativeScript 兼容 web 库,如 pixi.js、three.js、phaser.js
npm i --save nativescript-browser-polyfill

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 月