Konva 动画和拖放在我的小米设备上非常慢

如何解决Konva 动画和拖放在我的小米设备上非常慢

我有一个用 Konva.js 编写的应用，它在我 13 岁的 PC 和我妻子的 iPhone XR 上运行非常流畅 - 非常完美。但是每当我在我的小米红米 9 Pro 和我的旧版本小米红米 Note 4X 上在许多不同的浏览器（包括 Chrome、Opera 和 Firefox）上运行它时，它真的很慢。我有使用 Konva.Tween 和一些可拖动节点的动画，它们的工作速度慢得令人难以置信，FPS 似乎接近于零。

最奇怪的部分是，我尝试在拖动开始之前将可拖动节点移动到一个单独的层，但它根本没有加快拖动速度，一点也没有，至少在视觉上，我没有测量实际的 FPS .所以对我来说，我似乎面临着手机性能的限制，或者还有一些我没有看到的东西。

可能导致问题的原因是什么？

解决方法

首先，您应该在手机上运行性能配置文件，看看到底是什么速度慢。 Konva 代码执行？原生 2d 画布渲染？浏览器布局有效吗？

还尝试使用 Konva.pixelRatio 属性 https://konvajs.org/docs/performance/All_Performance_Tips.html。

Konva.pixelRatio = 1;

图像在 HPDI 设备上可能会模糊，但可能已经足够好了。可能默认像素比太高。您可以尝试不同的值，例如 1 或 1.5。