“帮助修复 Flutter Web 中的‘模糊渲染’”答案

【问题标题】："Help to fix 'blur rendering' in flutter web"“帮助修复 Flutter Web 中的‘模糊渲染’”
【发布时间】：2019-12-15 20:31:18
【问题描述】：

我的颤动网络在某些分辨率下是模糊的。有人知道怎么解决吗？

有关更多信息，我正在调试模式下运行，当我放大或缩小页面时，质量会发生变化，有些缩放级别模糊，有些则没有。

enter image description here

[√] Flutter (Channel stable, v1.7.8+hotfix.4, on Microsoft Windows [Version 10.0.17763.615], locale en-US)
• Flutter version 1.7.8+hotfix.4 at D:\flutter
• Framework revision 20e59316b8 (3 weeks ago), 2019-07-18 20:04:33 -0700
• Engine revision fee001c93f
• Dart version 2.4.0

【问题讨论】：

github相关问题：github.com/flutter/flutter/issues/32274
尝试把这个样式放在你的index.html中，它解决了我在降级图像时使用chrome的问题。

标签： web flutter rendering render

【解决方案1】：

我在使用 html 渲染器进行 Web 构建时遇到了 similar issue。 Flutter web 应该默认使用 CanvasKit 来防止这个问题。否则，您需要在构建时定义 --web-renderer canvaskit 参数。

【讨论】：