three.js：iPad上的性能下降从1024像素开始

Question

我的网站使用three.js和CanvasRenderer。渲染器的大小根据窗口大小设置。在iPad上，尺寸为1024 x 672像素。有了这个尺寸，我的性能会非常差（~1 FPS）。如果我将宽度减小到1023像素，我会得到大约60 FPS。

有什么特别的说法，为什么在达到1024像素时性能会显着下降？我在Firefox中对此解决方案没有任何问题。

Answer 1

我听说过一些浏览器中的HTML5 canvas元素在渲染一定数量的像素后会失去大量的性能。这似乎是浏览器本身的缓存问题。虽然问题仍然没有答案。

Why does drawImage performance differ greatly with larger than 65776 pixel canvas sources

以较低的分辨率渲染画布，并使用CSS将其缩放到全高清。