maobo/cup_edit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

(flutter) (web) initialize viewer to 1x1 then resize on createTexture

Browse Source
This commit is contained in:
Nick Fisher
2024-08-24 16:23:54 +08:00
parent b15166a599
commit 9fb9df1843
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
thermion_flutter/thermion_flutter_web/lib/thermion_flutter_web.dart
View File

@@ -4,8 +4,6 @@ import 'package:thermion_flutter_platform_interface/thermion_flutter_platform_in
import 'package:thermion_flutter_platform_interface/thermion_flutter_texture.dart'; import 'package:thermion_flutter_platform_interface/thermion_flutter_texture.dart';
import 'package:flutter_web_plugins/flutter_web_plugins.dart'; import 'package:flutter_web_plugins/flutter_web_plugins.dart';
import 'package:web/web.dart'; import 'package:web/web.dart';
import 'dart:js_interop';
import 'dart:js_interop_unsafe';
class ThermionFlutterWebPlugin extends ThermionFlutterPlatform { class ThermionFlutterWebPlugin extends ThermionFlutterPlatform {
ThermionViewerWasm? _viewer; ThermionViewerWasm? _viewer;
@@ -15,15 +13,20 @@ class ThermionFlutterWebPlugin extends ThermionFlutterPlatform {
} }
@override @override
Future<ThermionFlutterTexture?> createTexture( Future<ThermionFlutterTexture?> createTexture(double width, double height,
int width, int height, int offsetLeft, int offsetRight) async { double offsetLeft, double offsetRight, double pixelRatio) async {
await _viewer!.destroySwapChain(); await _viewer!.destroySwapChain();
await _viewer!.createSwapChain(width, height); var physicalWidth = (width * pixelRatio).ceil();
_viewer!.updateViewportAndCameraProjection(width, height, 1.0); var physicalHeight = (width * pixelRatio).ceil();
await _viewer!.createSwapChain(physicalWidth, physicalHeight);
final canvas = document.getElementById("canvas") as HTMLCanvasElement; final canvas = document.getElementById("canvas") as HTMLCanvasElement;
canvas.width = width; canvas.width = physicalWidth;
canvas.height = height; canvas.height = physicalHeight;
print("canvas dimensions ${width}x${height}");
_viewer!.updateViewportAndCameraProjection(physicalWidth, physicalHeight, 1.0);
return ThermionFlutterTexture(null, null, 0, 0, null); return ThermionFlutterTexture(null, null, 0, 0, null);
} }
@@ -39,10 +42,7 @@ class ThermionFlutterWebPlugin extends ThermionFlutterPlatform {
final canvas = document.getElementById("canvas") as HTMLCanvasElement; final canvas = document.getElementById("canvas") as HTMLCanvasElement;
canvas.width = width; canvas.width = width;
canvas.height = height; canvas.height = height;
_viewer!.updateViewportAndCameraProjection(width, height, 1.0); _viewer!.updateViewportAndCameraProjection(width, height, 1.0);
print("Resized canvas to ${canvas.width}x${canvas.height}");
return ThermionFlutterTexture(null, null, 0, 0, null); return ThermionFlutterTexture(null, null, 0, 0, null);
} }
@@ -52,7 +52,7 @@ class ThermionFlutterWebPlugin extends ThermionFlutterPlatform {
canvas.id = "canvas"; canvas.id = "canvas";
document.body!.appendChild(canvas); document.body!.appendChild(canvas);
canvas.style.display = 'none'; canvas.style.display = 'none';
await _viewer!.initialize(0, 0, uberArchivePath:uberArchivePath); await _viewer!.initialize(1, 1, uberArchivePath: uberArchivePath);
return _viewer!; return _viewer!;
} }
} }