三页后 Konva 停止处理 iPhone？

Question

这里是第一次张贴者和非常业余的网站制作者。

我用 Konva 制作了这个测试站点：https://snuck.in/test/pink

您可以点击方块进入下一页。

它在旧的 iPhone 5 (iOS 10.3.4) 上运行良好。我可以翻阅无穷无尽的页面。

当我在 iPhone 7 Plus (iOS 13.1.3) 上试用时，我只能点按三页，然后它们开始变成空白。我在任何浏览器中得到相同的结果：Safari、Chrome、Firefox、Opera Touch。

知道为什么它可以工作三页然后退出吗？

如果我可以提供更多信息，请告诉我。非常感谢！

Answer 1

Safari 中似乎存在内存泄漏问题。几次重新加载后，它告诉我内存已经结束。它没有完全从内存中清除 canvas。

作为解决方法，您可以尝试缩小舞台并在重新加载前销毁它：

box.on('click tap', () => {
  stage.width(1);
  stage.height(1);
  stage.destoy();
  location.href = 'pink';
})

Answer 2

我所做的是在我的代码上设置 Konva.pixelRatio = 1。 Safari 对 canvas 内容有大小限制，提高其性能的方法之一是缩小比例，尤其是在我的情况下，我试图将舞台大小设置为 1280x1280。

您可以在 Konva 文档中查看有关如何执行您的应用程序的更多提示：https://konvajs.org/docs/performance/All_Performance_Tips.html

Konva stops working on iPhone after three pages?