Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Portrait images with EXIF metadata distorted on flutter web with canvasKit renderer #81679

@droduit

Description

@droduit

On flutter web using the canvasKit renderer, images taken in portrait mode with EXIF data are distorted. The orientation is correct, but the width and height are not adapted to the orientation. They are always taken from the landscape orientation.

Example:

Image.network(
   "https://firebasestorage.googleapis.com/v0/b/gcp-prev-sandbox.appspot.com/o/users%2Fh8uQuNOhp9VxHpilrP3XimEoARH2%2Fprofile%2Favatar_1620031458468.jpg?alt=media&token=e409727b-a2cd-403a-a99d-85ad7388b7b4",
   width: 300,
   height: 300,
   fit: BoxFit.cover,
)

Result (CanvasKit, BoxFit.cover) :
image

Result (CanvasKit, BoxFit.contain) :
image

With HTML web-renderer (correct display without distortion):

BoxFit.contain :
image

BoxFit.cover:
image

Metadata

Metadata

Assignees

Labels

P1High-priority issues at the top of the work listdependency: skiaSkia team may need to help use: web_canvaskitCanvasKit (a.k.a. Skia-on-WebGL) rendering backend for Webengineflutter/engine related. See also e: labels.found in release: 2.0Found to occur in 2.0found in release: 2.2Found to occur in 2.2found in release: 2.3Found to occur in 2.3has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyr: fixedIssue is closed as already fixed in a newer version

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions