flutter_svg icon indicating copy to clipboard operation
flutter_svg copied to clipboard

Published 20 hours ago • verified publisher icon dnfield

SVG not rendered correctly on different screen size width

Open thomasaldershof opened this issue 2 years ago • 2 comments

Hello,

I'm having this issue on Windows, Chrome and Edge. It does not seem to happen on Android at least. But resizing is harder there.

Here is an example of my issue on Windows:
image and after resizing the window 1px it looks like this image. This switches on every window resize. On Edge it's a bit harder to see, but the lines appear thinner: image image

Here is my flutter doctor -v: [√] Flutter (Channel stable, 3.3.0, on Microsoft Windows [Version 10.0.22622.590], locale en-NL) • Flutter version 3.3.0 on channel stable at C:\src\flutter • Upstream repository https://github.com/flutter/flutter.git • Framework revision ffccd96b62 (7 days ago), 2022-08-29 17:28:57 -0700 • Engine revision 5e9e0e0aa8 • Dart version 2.18.0 • DevTools version 2.15.0

[√] Android toolchain - develop for Android devices (Android SDK version 33.0.0-rc2) • Android SDK at C:\Users\dxzds\AppData\Local\Android\sdk • Platform android-31, build-tools 33.0.0-rc2 • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java • Java version OpenJDK Runtime Environment (build 11.0.12+7-b1504.28-7817840) • All Android licenses accepted.

[√] Chrome - develop for the web • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop for Windows (Visual Studio Community 2022 17.1.4) • Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community • Visual Studio Community 2022 version 17.1.32407.343 • Windows 10 SDK version 10.0.19041.0

[√] Android Studio (version 2021.2) • Android Studio at C:\Program Files\Android\Android Studio • Flutter plugin can be installed from: https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: https://plugins.jetbrains.com/plugin/6351-dart • Java version OpenJDK Runtime Environment (build 11.0.12+7-b1504.28-7817840)

[√] VS Code (version 1.71.0) • VS Code at C:\Users\dxzds\AppData\Local\Programs\Microsoft VS Code • Flutter extension version 3.48.0

[√] Connected device (4 available) • IN2023 (mobile) • 192.168.0.225:42091 • android-arm64 • Android 12 (API 31) • Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version
10.0.22622.590] • Chrome (web) • chrome • web-javascript • Google Chrome 105.0.5195.52
• Edge (web) • edge • web-javascript • Microsoft Edge 105.0.1343.27

[√] HTTP Host Availability • All required HTTP hosts are available

Also here are the SVG files, in case you want to try them: ic_ero ic_info

I hope you can help me!

Thanks for reading this far, Thomas

thomasaldershof avatar Sep 06 '22 11:09 thomasaldershof

I'm facing the same issue on Windows and macOS. Moving the app from the MacBook to the external monitor messes up the image quality (same for windows lap top). Not sure if it has to do something with Flutter or this package?

dbacic avatar Oct 11 '22 13:10 dbacic

I have same issue on iOS. any other solution? or update?

Flutter doctor -v

[✓] Flutter (Channel stable, 3.10.1, on macOS 13.5 22G5059d darwin-arm64, locale ko-KR) • Flutter version 3.10.1 on channel stable at /Users/--/Library/flutter • Upstream repository https://github.com/flutter/flutter.git • Framework revision d3d8effc68 (8 weeks ago), 2023-05-16 17:59:05 -0700 • Engine revision b4fb11214d • Dart version 3.0.1 • DevTools version 2.23.1

[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0) • Android SDK at /Users/--/Library/Android/sdk • Platform android-33, build-tools 31.0.0 • ANDROID_HOME = /Users/--//Android/sdk • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b802.4-9586694) • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.3) • Xcode at /Applications/Xcode.app/Contents/Developer • Build 14E222b • CocoaPods version 1.12.1

[✓] Android Studio (version 2022.2) • Android Studio at /Applications/Android Studio.app/Contents • Flutter plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/6351-dart • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b802.4-9586694)

[✓] VS Code (version 1.80.0) • VS Code at /Applications/Visual Studio Code.app/Contents • Flutter extension version 3.54.0

Image

jkaae93 avatar Jul 13 '23 05:07 jkaae93