@flysky why/ react-native-browser-polyfill (英语)
由本地画布 2d 3d 为React Introduct 进行浏览器多填充,可以直接使用基于画布的html框架而无需修改代码等. 兹多克语name。 。 。 .
@flyskywhy/react-native-browser-polyfill 是从 @ expo/ 浏览器- 填充,然后使用 @flyskywhy/react-native-gcanvas 改为 expo-2d-context,使用时 event-target-shim 改为 fbemitter,并修复一些错误.
安装
npm install @flyskywhy/react-native-browser-polyfill @flyskywhy/react-native-gcanvas
跟着 安装步骤@ flyskywhy/ react-native-gcanvas。 。 。 .
使用量
将库导入到您的工程根 /index.js , (中文(简体) ), /index.android.js , (中文(简体) ), /index.ios.js 或者说 /index.native.js。 。 。 .
如果您不想在项目根中导入它,您也可以将库导入到任何想要使用它的JavaScript文件. 不过如果 inlineRequires 真实的在你 metro.config.js你会得到 ERROR ReferenceError: Can't find variable: document 或者说 ERROR ReferenceError: Property 'document' doesn't exist, js engine: hermes,那么你应该改变 inlineRequires 以伪造或导入库到您的工程根中, 例如 . /index.android.js。 。 。 .
import '@flyskywhy/react-native-browser-polyfill';
如果需要2d或3d帆布,请参见: @flysky why/ react-native-gcanvas (英语),或只是参考 Zdogand Tests.js (英语)。 。 。 .
示例
兹多克语name
无需修改任何框架代码 兹多克语name 自己来.
只修改一个应用演示的行码 由 Zdog 代码Pen 收藏制作,例如仅仅修改 .zdog-canvas 内 JS 联 合 国 https://codepen.io/clarke-nicol/pen/OezRdM 页面存档备份,存于互联网档案馆 输入 this.canvas 在此 GCanvasRN 示例 APP 中执行 反应 - > 反应-内在 : Zdog and Tests 步骤3 Zdog的功用不错。 。 。 .
这是因为 Zdogand Tests.js (英语),可以直接发现 render 财务报告和审定财务报表 mousemove 与 html 原始版本相同 https://codepen.io/clarke-nicol/pen/OezRdM 页面存档备份,存于互联网档案馆。 。 。 .
执行
管理部
DOM得到的支持非常低,这些用于像验证类型的pixi.js这样的libs.
class Node
class Element
class Document
class HTMLImageElement
class Image
class ImageBitmap
class HTMLVideoElement
class Video
class HTMLCanvasElement
class Canvas
图像, HTML 图像元素, 图像比特地图
图像可以装入 https://somewhere.com/some.png 或来自Android、iOS和Web上的要求(some.png"),参见 Zdogand Tests.js (英语) 或者说 非声明性.js。 。 。 .
const image = document.createElement('img');
const image = new global.HTMLImageElement();
const image = new Image();
image.onload = () => console.log('Can recieve event load by onload');
image.addEventListener('load', () => console.log('Also can recieve event load by addEventListener');
HTML 坎瓦斯元素
@flyskywhy/ react-native-gcanvas的用法
document.createElement('canvas') (作为外屏画布)的使用情况也在 src/window.js。 。 。 .
窗口为全局
addEventListener;
removeEventListener;
dispatchEvent;
Buffer;
TextDecoder;
TextEncoder;
document;
Document;
Element;
Image;
HTMLImageElement;
ImageBitmap;
CanvasRenderingContext2D;
WebGLRenderingContext;
// window.devicePixelRatio; // undefined as described in `src\resize.js`
window.screen.orientation;
userAgent;
location;
文档
document.createElement;
document.createElementNS;
元素
所有大小返回窗口大小 :
element.clientWidth;
element.clientHeight;
element.innerWidth;
element.innerHeight;
element.offsetWidth;
element.offsetHeight;
element.getBoundingClientRect;
element.getAttribute;
element.setAttribute;
防止库崩溃的空属性
element.tagName;
element.setAttributeNS;
element.focus;
节点
node.ownerDocument;
node.className;
node.addEventListener;
node.removeEventListener;
node.dispatchEvent;
node.appendChild;
node.insertBefore;
node.removeChild;
外部图书馆
一些外接节点.js多填充器也被添加.
文本编码
global.TextEncoder
global.TextDecoder
页:1
window.DOMParser