0

我有一个用 Konva.js 编写的应用程序，它在我 13 岁的 PC 和我妻子的 iPhone XR 上都运行得非常顺畅——简直完美。但是，每当我在我的小米红米 9 Pro 和我的老款小米红米 Note 4X 上在包括 Chrome、Opera 和 Firefox 在内的许多不同浏览器中运行它时，它真的很慢。我有使用 Konva.Tween 和一些可拖动节点的动画，它们的工作速度都非常慢，FPS 似乎接近于零。

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

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

4

1 回答 1

1

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

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

Konva.pixelRatio = 1;

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

于 2021-04-12T15:32:13.670 回答