Stack Overflow
Stack Overflow

Questions tagged [canvaskit]

25 questions
15
votes
4 answers

How to use Skia / CanvasKit in Flutter Web?

I know that Flutter supports using Skia instead of DomCanvas in Flutter Web using WASM CanvasKit, i.e. "Skia + WebAssembly". I have heard that this provides significant performance improvements, however, I do not know how to enable it.
creativecreatorormaybenot
  • 114,516
  • 58
  • 291
  • 402
6
votes
1 answer

How to intercept Skia draw commands from Chromium Browser

This is an experimental project of mine related to remote browser isolation. I'm trying to intercept Skia draw commands in a running Chromium instance and later replay them in a different browser instance at client-side via CanvasKit, a WebAssembly…
Desmond Ding
  • 103
  • 7
5
votes
3 answers

How to detect Flutter web CanvasKit or HTML renderer?

There are two backends for Flutter Web currently, namely HTML and CanvasKit. As a library author, for performance reasons, I would like to identify which backend the app is currently running on. Is there anyway to detect that in code?
First_Strike
  • 1,029
  • 1
  • 10
  • 27
4
votes
2 answers

Flutter web canvaskit renderer not showing Network images

I have A list of Images.network("$imgUrl") in my flutter app It works fine on phones (Android and IOS even on phone Browsers) but it does not work on desktop browser. however images are shown when i use flutter build web --web-renderer html should'n…
Mahmood Bkh
  • 499
  • 2
  • 4
  • 15
3
votes
0 answers

not able to search text by Browser's ctrl+F, using CanvasKit Flutter

trying find workaround for Flutter web! need Searchable text by Browser's ctrl+F Preferred - How to use Skia / CanvasKit in Flutter Web? To run with CanvasKit: flutter run -d chrome --dart-define=FLUTTER_WEB_USE_SKIA=true shortcut: flutter run -d…
Ruchira More
  • 261
  • 1
  • 16
3
votes
1 answer

How to scrape the webpage build with Flutter CanvasKit renderer

I need to extract data from a website but I found that it was rendered with Flutter Canvaskit renderer. It seems everything I wanted is drawn in the canvas. I have to go through each row, trigger click on a row and then trigger info button on top…
Mahesh
  • 117
  • 1
  • 12
2
votes
0 answers

Assigning CanvasKit / Skia in Flutter Web causes my Googlemap's plugin to request 2 fingered use on mobile

I have mad jank when scrolling a ListView. Its scrolling a column of Text widgets interspersed with ElevatedButton Widgets, each time the user Scrolls and an ElevatedButton scrolls into view there's a bunch of jank, horrible. On Flutter web desktop…
Sam
  • 1,659
  • 4
  • 23
  • 42
2
votes
6 answers

Flutter web with canvaskit on iOS 15 beta

I decided to try iOS15 beta and to my surprise a Flutter Web application am testing will not run with canvas kit renderer (it runs perfectly fine with the html renderer). The screen appears blank and I get no errors in Safari's developer console.…
Rui Craveiro
  • 2,224
  • 16
  • 28
2
votes
0 answers

How do I prevent Flutter Web from using Canvaskit?

My Flutter Web app loads very slowly. When checking the network section of DevTools I see that this is caused by the massive canvaskit.wasm file. I assume this is because Flutter is using the canvaskit web renderer instead of the html web renderer.…
PatrickMahomes
  • 844
  • 1
  • 6
  • 8
1
vote
0 answers

canvaskit-wasm: Cannot read properties of undefined (reading 'href')

I was looking for a library compatible with the web's Canvas API that I could use with Cloudflare Workers and found canvaskit-wasm. However, when I try to use it, I am stuck with the error Cannot read properties of undefined (reading…
waki285
  • 338
  • 1
  • 11
1
vote
0 answers

Brotli compression not working for .wasm files on AWS CloudFront - only Gzip

I am working on a Flutter web application hosted on AWS CloudFront and have encountered an issue related to file compression. My JavaScript files are being correctly compressed with Brotli, but for some reason, my WebAssembly (.wasm) files,…
jperezr21
  • 11
  • 1
  • 3
1
vote
0 answers

How to force canvaskit renderer while using service workers?

I am having trouble with my Flutter web app when I tried to publish it because it cannot be loaded on mobile devices, even if they are set up to show the computer version. @override void paint(Canvas canvas, Size size) { var center =…
JAgüero
  • 403
  • 1
  • 4
  • 14
1
vote
1 answer

Flutter Web --web-renderer canvaskit stuck in Splashscreen

I have been using Flutter Web --web-renderer canvaskit for a project for a long time and it has always worked fine. But today after I update a small change of code, it suddenly broke. It still works fine in debug mode, but when I upload to firebase…
AlanGuoDev
  • 41
  • 1
1
vote
0 answers

Text isn't rendering on phones when using CanvasKit on Flutter Web

I build the Flutter Web app with canvaskit using flutter build web --web-renderer canvaskit command. However the text isn't rendering properly on some Android phones (e.g. OnePlus 5) using Chrome. This is the expected result: This is the actual…
Karp
  • 431
  • 1
  • 6
  • 16
1
vote
1 answer

How to enable Custom Icons on Flutter Web CanvasKit?

I have custom icons that work fine on IOS and Android. When I deploy on the Web, a crossed out box appears in each place in the App where my icon should appear. The error that appears in the console is the following: Could not find a set of Noto…
David L
  • 1,134
  • 7
  • 35
1
2