Three.js：Safari Mac 中未出现场景

Question

我正在开发页面上有多个场景（画布）的网站。 在 Chrome 中一切正常。 safari（移动），但它在 Safari mac 中不起作用。

我正在使用https://threejsfundamentals.org/threejs/lessons/threejs-multiple-scenes.html这篇文章的技术

渲染到屏幕外 canvas 并将结果复制到每个元素的 2D canvas

            camera.aspect = rect.width / rect.height;
            camera.updateProjectionMatrix();
            renderer.render(scene, camera);

https://jsfiddle.net/uttam_1137/j5yuLs4t/75/

正如您在上面的 JSFiddle 中看到的，它在 Safari 中运行良好，没有任何调整大小的问题。 我在我的网站中使用相同的概念，但在 Safari 中会出现此问题。

更新：我在不同的 mac 上尝试了不同的 safari 并发现它有效。 但仍然有一个小问题，我必须在看到出现在屏幕上之前调整浏览器的大小。

链接： PulsAero 机构

谁能告诉可能是什么问题。

解决方案

最后我想通了。 使用max-width并为场景提供50%的宽度是导致问题的原因。 因为它在 safari 宽度不是整数。 所以我做的是下面

rect.width = Math.round(rect.width);

在animate function 中添加了上述代码。

工作小提琴： https://jsfiddle.net/uttam_1137/j5yuLs4t/76/