根据保罗·刘易斯的文章,High DPI Canvas:你需要考虑context.backingStorePixelRatio来解决模糊的问题.

如果这个属性被弃用,DART会解决高清设备上的模糊问题吗?

推荐答案

我也有同样的 idea ,就Issue Tracker人所说:

是的,所以这篇文章是在Safari有后备store 的时候回写的 2的比率.在Chrome中一直是1.

正如您所说,处理此问题的方法是:

canvas.width = width * window.devicePixelRatio;
canvas.height = height * window.devicePixelRatio;

canvas.style.width = width + 'px';
canvas.style.height = height + 'px';

widthheight的位置是您想要的(可能 (window.innerWidth&;innerHeight用于完整的视口恶作剧.)

然后你只需要根据你放大画布的事实进行调整

ctx.scale(window.devicePixelRatio, window.devicePixelRatio);

这就是你的解决方案.

Dart相关问答推荐

Dart:判断泛型函数的类型 T

`异步内联方法`的这些定义之间有什么区别?

PageView.builder 给出水平视口被给出无界高度错误

在Flutter中通过 Function(T) 传递泛型类型

Flutter drawArc() 方法绘制完整的圆而不仅仅是圆弧

Asset图像作为Card背景,Flutter 中顶部有文本

无法在Flutter中为 TabBarView 设置动态高度

在小部件之间画一条线

Dart 捕获 http 异常

如何在Flatter中更改复选框边框 colored颜色 ?默认情况下,它显示为黑色,但我希望它显示为灰色

了解Dart private class

如何在Flatter中设置特定容器中所有文本的 colored颜色 ?

如何更改Flatter DevTools的默认浏览器?

Flutter 中 ListView.builder 中的反向列表

如何在 Dart 中将字符串转换为 utf8?

如何将条目添加到列表中的特定索引?

为什么不推荐使用 context2d.backingStorePixelRatio?

CoffeeScript 和 Dart 对 JavaScript 的改进之间的主要区别是什么?

Dart 脚本会在浏览器中本地运行吗?

在 Dart 中将类型化函数作为参数传递