pixelRatio

threejs/lessons/resources/threejs-lesson-utils.js

@@ -20,8 +20,8 @@ window.threejsLessonUtils = {
 
     const resizeRendererToDisplaySize = (renderer) => {
       const canvas = renderer.domElement;
-      const width = canvas.clientWidth * this.pixelRatio;
-      const height = canvas.clientHeight * this.pixelRatio;
+      const width = canvas.clientWidth * this.pixelRatio | 0;
+      const height = canvas.clientHeight * this.pixelRatio | 0;
       const needResize = canvas.width !== width || canvas.height !== height;
       if (needResize) {
         renderer.setSize(width, height, false);

threejs/lessons/ru/threejs-responsive.md

@@ -239,8 +239,8 @@ HD-DPI - дисплеи с высокой плотностью точек на
     function resizeRendererToDisplaySize(renderer) {
       const canvas = renderer.domElement;
       const pixelRatio = window.devicePixelRatio;
-      const width = canvas.clientWidth * pixelRatio;
-      const height = canvas.clientHeight * pixelRatio;
+      const width = canvas.clientWidth * pixelRatio | 0;
+      const height = canvas.clientHeight * pixelRatio | 0;
       const needResize = canvas.width !== width || canvas.height !== height;
       if (needResize) {
         renderer.setSize(width, height, false);

threejs/lessons/zh_cn/threejs-responsive.md

@@ -207,8 +207,8 @@ HD-DPI代表每英寸高密度点显示器(视网膜显示器)。它指的是当
     function resizeRendererToDisplaySize(renderer) {
       const canvas = renderer.domElement;
       const pixelRatio = window.devicePixelRatio;
-      const width = canvas.clientWidth * pixelRatio;
-      const height = canvas.clientHeight * pixelRatio;
+      const width = canvas.clientWidth * pixelRatio | 0;
+      const height = canvas.clientHeight * pixelRatio | 0;
       const needResize = canvas.width !== width || canvas.height !== height;
       if (needResize) {
         renderer.setSize(width, height, false);