Craft better error message for OffsetLayer.toImage in the HTML renderer #49857
Labels
a: error message
Error messages from the Flutter framework
e: web_html
HTML rendering backend for Web
engine
flutter/engine repository. See also e: labels.
found in release: 3.19
Found to occur in 3.19
found in release: 3.20
Found to occur in 3.20
good first issue
Relatively approachable for first-time contributors
has reproducible steps
The issue has been confirmed reproducible and is ready to work on
P3
Issues that are less important to the Flutter project
platform-web
Web applications specifically
team-web
Owned by Web platform team
triaged-web
Triaged by Web platform team
Comments
|
|
yjbanov
added
the
good first issue
|
@domesticmouse would you be interested in fixing the error message in a PR that tells developers that this is not currently supported? |
|
I’m currently in I/O crunch, so I’m happy to look at this, but it’ll be a month or two before I have time. |
|
Is there any updates on this ? This feature would be much useful if it runs on web. I am getting |
|
is there any solution to screenshot a widget on the web |
|
Also looking for a solution to take a screenshot of widgets on flutter web. |
1 similar comment
|
Also looking for a solution to take a screenshot of widgets on flutter web. |
domesticmouse
changed the title
|
I think this might help you this flutter example from @rxlabz allows you to save your canvas as a png image live on the web here and you can find the source code here |
yjbanov
changed the title
This was referenced Jun 3, 2020
|
@maheshmnj with the slight problem, unfortunately, that it isn't a |
|
@yjbanov Yegor, judging by the labels and commits, you might be the most active player in this area. :-) I have identified and collected four errors (some actually fork into two being different problems on DomCanvas and CanvasKit) that, although separate errors, all belong to the same group of picture manipulation, this one being one of them. All of them are such showstoppers for me that I started to delve into the engine, trying to fix myself. (All of them are reported here, by the way.) Just to recap:
Is there any way to have a few messages about these (eg. I think Ifound what's actually missing for the first to work but I don't know if it would be ever included or replaced with another functionality on the web), maybe out of band? Just to see if these (or anything that lies behind these errors) are being worked on actively and if there's anything to be had by us trying to work on them, too. |
|
@yjbanov I fixed the first problem, I'll move on with the second problem but it would be nice to be able to show you the fix. |
This was referenced Jul 9, 2020
9 tasks
9 tasks
|
Verified and replicable on latest master and get below error message: error logflutter doctor -v |
darshankawar
added
found in release: 1.25
|
https://github.com/flutter/photobooth
|
flutter-triage-bot
bot
added
multiteam-retriage-candidate
team-web
|
Reproducible on the latest versions of flutter. code sampleimport 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
useMaterial3: true,
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
GlobalKey globalKey = GlobalKey();
void _incrementCounter() async {
RenderRepaintBoundary boundary =
globalKey.currentContext!.findRenderObject() as RenderRepaintBoundary;
ui.Image image = await boundary.toImage(pixelRatio: 1);
ByteData? byteData =
await image.toByteData(format: ui.ImageByteFormat.png);
Uint8List? pngBytes = byteData?.buffer.asUint8List();
print('PNG Image size: ${pngBytes?.length}');
}
@override
Widget build(BuildContext context) {
return RepaintBoundary(
key: globalKey,
child: Scaffold(
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
title: Text(widget.title),
),
body: const Center(
child: Text('Some text'),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: const Icon(Icons.add),
),
),
);
}
}flutter doctor -v |
danagbemava-nc
added
found in release: 3.19
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I'm attempting to convert a Canvas widget's content to an image, using the following code. It works fine on iOS and macOS, but dies on the web.
VSCode console output:
JS Console stacktrace
The text was updated successfully, but these errors were encountered: