chore: updates

NativeScript · Oct 28, 2023 · c6121db · c6121db
1 parent 1ea27c0
commit c6121db
Show file tree

Hide file tree

Showing 85 changed files with 6,489 additions and 2,209 deletions.
diff --git a/apps/demo/src/plugin-demos/canvas.xml b/apps/demo/src/plugin-demos/canvas.xml
@@ -4,7 +4,7 @@
         </ActionBar>
     </Page.actionBar>
 
-  <GridLayout backgroundColor="red" rows="*" columns="*" loaded="{{ gridLoaded }}" iosOverflowSafeArea="false" width="100%" height="100%">
+  <GridLayout rows="*" columns="*" loaded="{{ gridLoaded }}" iosOverflowSafeArea="false" width="100%" height="100%">
 
   <!-- <ui:Dom rowSpan="2" colSpan="2"> -->
 

diff --git a/packages/canvas-phaser-ce/game.ts b/packages/canvas-phaser-ce/game.ts
@@ -7,15 +7,15 @@ export default function Game({ canvas, width = null, height = null, renderer = 2
 	(global as any).document.readyState = 'complete';
 
 	const config = {
-		width: width || realWidth,
-		height: height || realHeight,
+		width: (width || realWidth) * window.devicePixelRatio,
+		height: (height || realHeight) * window.devicePixelRatio,
 		renderer: renderer || 2,
 		title: title || 'tns-phaser-game',
 		state: state || null,
 		transparent: transparent || false,
 		antialias: antialias || true,
 		physicsConfig: physicsConfig || null,
-		canvas,
+		canvas
 	};
 
 	const game = new Phaser.Game(config);

diff --git a/packages/canvas-polyfill/DOM/HTMLCanvasElement.ts b/packages/canvas-polyfill/DOM/HTMLCanvasElement.ts
@@ -50,4 +50,8 @@ export class HTMLCanvasElement extends Element {
 	getContext(contextType, contextOptions) {
 		return this._canvas.getContext(contextType, contextOptions);
 	}
+
+	setPointerCapture(id) {}
+
+	releasePointerCapture(id) {}
 }
diff --git a/packages/canvas-polyfill/resize.ts b/packages/canvas-polyfill/resize.ts
@@ -5,9 +5,11 @@ import { Application } from '@nativescript/core';
 */
 
 const scale = Screen.mainScreen.scale;
-const screenWidth = Screen.mainScreen.widthPixels;
-const screenHeight = Screen.mainScreen.heightPixels;
-(global as any).window.devicePixelRatio = (global as any).devicePixelRatio = 1;
+// const screenWidth = Screen.mainScreen.widthPixels;
+// const screenHeight = Screen.mainScreen.heightPixels;
+const screenWidth = Screen.mainScreen.widthDIPs;
+const screenHeight = Screen.mainScreen.heightDIPs;
+(global as any).window.devicePixelRatio = (global as any).devicePixelRatio = scale; //1;
 (global as any).window.innerWidth = (global as any).innerWidth = screenWidth;
 (global as any).window.clientWidth = (global as any).clientWidth = screenWidth;
 (global as any).window.innerHeight = (global as any).innerHeight = screenHeight;
@@ -24,7 +26,7 @@ if (!(global as any).__TNS_BROWSER_POLYFILL_RESIZE) {
 		const width = portrait ? screenWidth : screenHeight;
 		const height = portrait ? screenHeight : screenWidth;
 
-		(global as any).window.devicePixelRatio = (global as any).devicePixelRatio = 1;
+		(global as any).window.devicePixelRatio = (global as any).devicePixelRatio = scale; //1;
 		(global as any).window.innerWidth = (global as any).innerWidth = width;
 		(global as any).window.clientWidth = (global as any).clientWidth = width;
 		(global as any).window.innerHeight = (global as any).innerHeight = height;