fix(canvas): add globals

Author: triniwiz

packages/canvas/Canvas2D/DOMMatrix/DOMMatrix.android.ts

@@ -3,6 +3,9 @@ import { DOMMatrixBase } from './common';
 export class DOMMatrix extends DOMMatrixBase {
 	constructor(instance) {
 		super(instance);
+		if (!instance) {
+			this.nativeInstance = org.nativescript.canvas.TNSCanvas.createSVGMatrix();
+		}
 	}
 
 	get a(): number {

packages/canvas/Canvas2D/DOMMatrix/DOMMatrix.ios.ts

@@ -3,6 +3,9 @@ import {DOMMatrixBase} from './common';
 export class DOMMatrix extends DOMMatrixBase {
 	constructor(instance) {
 		super(instance);
+		if (!this.nativeInstance) {
+			this.nativeInstance = TNSCanvas.createSVGMatrix();
+		}
 	}
 
 	get a(): number {

packages/canvas/ImageBitmap/common.d.ts

@@ -0,0 +1,8 @@
+export declare abstract class ImageBitmapBase {
+    private nativeInstance;
+    constructor(nativeInstance: any);
+    get native(): any;
+    abstract readonly width: number;
+    abstract readonly height: number;
+    abstract close(): any;
+}

packages/canvas/ImageBitmap/common.js

@@ -13,12 +13,33 @@ export * from './WebGL';
 export * from './WebGL2';
 export * from './SVG';
 
+import { ImageBitmap } from './ImageBitmap';
+
 export * from './ImageBitmap';
 
 export {CanvasRenderingContext2D} from './Canvas2D/CanvasRenderingContext2D';
 export {WebGLRenderingContext} from './WebGL/WebGLRenderingContext';
 export {WebGL2RenderingContext} from './WebGL2/WebGL2RenderingContext';
-import {CanvasPattern, CanvasGradient, Path2D} from './Canvas2D';
+
+import {CanvasPattern, CanvasGradient, Path2D, ImageData, DOMMatrix} from './Canvas2D';
+
+Object.defineProperty(global, 'CanvasRenderingContext2D', {
+	value: CanvasRenderingContext2D,
+	configurable: true,
+	writable: true,
+});
+
+Object.defineProperty(global, 'WebGLRenderingContext', {
+	value: WebGLRenderingContext,
+	configurable: true,
+	writable: true,
+});
+
+Object.defineProperty(global, 'WebGL2RenderingContext', {
+	value: WebGL2RenderingContext,
+	configurable: true,
+	writable: true,
+});
 
 Object.defineProperty(global, 'CanvasPattern', {
 	value: CanvasPattern,
@@ -32,7 +53,6 @@ Object.defineProperty(global, 'CanvasGradient', {
 	writable: true,
 });
 
-
 Object.defineProperty(global, 'TextEncoder', {
 	value: TextEncoder,
 	configurable: true,
@@ -45,9 +65,26 @@ Object.defineProperty(global, 'TextDecoder', {
 	writable: true,
 });
 
-
 Object.defineProperty(global, 'Path2D', {
 	value: Path2D,
 	configurable: true,
 	writable: true,
 });
+
+Object.defineProperty(global, 'ImageData', {
+	value: ImageData,
+	configurable: true,
+	writable: true,
+});
+
+Object.defineProperty(global, 'DOMMatrix', {
+	value: DOMMatrix,
+	configurable: true,
+	writable: true,
+});
+
+Object.defineProperty(global, 'ImageBitmap', {
+	value: ImageBitmap,
+	configurable: true,
+	writable: true,
+});

packages/canvas/ImageBitmap/common.js.map

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/canvas",
-	"version": "1.0.0-alpha.3",
+	"version": "1.0.0-alpha.5",
 	"description": "DOM Canvas API for NativeScript",
 	"main": "index",
 	"typings": "index.d.ts",