使用 Threejs,可以将画布绘制两倍大,但是如何使用 css 将其缩小,以便它以 iPhone 的正确分辨率显示。
renderer.setSize(window.innerWidth, window.innerHeight);
产生像素化图像,效果如下:
renderer.setSize(window.innerWidth*2, window.innerHeight*2);
那么画布对于屏幕来说太大了,我似乎无法让 css 正确地将其缩小。更不用说在配备 Retina 显示屏的笔记本电脑上执行此操作将是恶魔般的。这是因为它使用 WebGL 绘制到屏幕吗?
如何在 Threejs 中适应这些不同的像素密度?