Skip to content

Wasm/skwasm text size rendering difference with flutter_markdown package #143877

@kevmoo

Description

@kevmoo
diff --git a/packages/flutter_markdown/example/web/index.html b/packages/flutter_markdown/example/web/index.html
index 97bf470a8..d9c5e788d 100644
--- a/packages/flutter_markdown/example/web/index.html
+++ b/packages/flutter_markdown/example/web/index.html
@@ -31,18 +31,18 @@ found in the LICENSE file. -->

   <title>flutter_markdown_example</title>
   <link rel="manifest" href="manifest.json">
+  <script src="flutter.js" ></script>
 </head>
 <body>
   <!-- This script installs service_worker.js to provide PWA functionality to
        application. For more information, see:
        https://developers.google.com/web/fundamentals/primers/service-workers -->
   <script>
-    if ('serviceWorker' in navigator) {
-      window.addEventListener('flutter-first-frame', function () {
-        navigator.serviceWorker.register('flutter_service_worker.js');
-      });
-    }
+    {{flutter_build_config}}
+    const searchParams = new URLSearchParams(window.location.search);
+    const forceCanvaskit = searchParams.get('force_canvaskit') === 'true';
+    const config = forceCanvaskit ? {'renderer': 'canvaskit'} : {};
+    _flutter.loader.load({config});
   </script>
-  <script src="main.dart.js" type="application/javascript"></script>
 </body>
 </html>

image

Showing MacOS vs dart2js (+ canvaskit) vs wasm + skwasm

https://github.com/flutter/packages/tree/main/packages/flutter_markdown/example

@ flutter/packages@ed046de

Flutter 3.20.0-11.0.pre.71 • channel master • [email protected]:flutter/flutter.git
Framework • revision b09a015ff5 (2 hours ago) • 2024-02-21 13:19:41 -0500
Engine • revision 4128895d79
Tools • Dart 3.4.0 (build 3.4.0-157.0.dev) • DevTools 2.33.0-dev.6

Metadata

Metadata

Labels

P2Important issues not at the top of the work liste: wasmIssues related to the wasm build of Flutter Web.e: web_skwasmSkwasm rendering backend for webplatform-webWeb applications specificallyteam-webOwned by Web platform teamtriaged-webTriaged by Web platform team

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions