Manual: Refactor canvas width and height computation. (#27606)

* times one * add to other languages * add | 1 to example * replace | 0 with Math.floor
mrdoob · Jan 23, 2024 · 6d5140a · 6d5140a
1 parent 1c32bbd
commit 6d5140a
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 14 deletions.
diff --git a/manual/en/responsive.html b/manual/en/responsive.html
@@ -228,8 +228,8 @@ <h2 id="handling-hd-dpi-displays">Handling HD-DPI displays</h2>
 <pre class="prettyprint showlinemods notranslate lang-js" translate="no">    function resizeRendererToDisplaySize(renderer) {
       const canvas = renderer.domElement;
       const pixelRatio = window.devicePixelRatio;
-      const width  = canvas.clientWidth  * pixelRatio | 0;
-      const height = canvas.clientHeight * pixelRatio | 0;
+      const width  = Math.floor(canvas.clientWidth  * pixelRatio);
+      const height = Math.floor(canvas.clientHeight * pixelRatio);
       const needResize = canvas.width !== width || canvas.height !== height;
       if (needResize) {
         renderer.setSize(width, height, false);

diff --git a/manual/examples/responsive-hd-dpi.html b/manual/examples/responsive-hd-dpi.html
@@ -83,8 +83,8 @@
 
 		const canvas = renderer.domElement;
 		const pixelRatio = window.devicePixelRatio;
-		const width = canvas.clientWidth * pixelRatio | 0;
-		const height = canvas.clientHeight * pixelRatio | 0;
+		const width = Math.floor(canvas.clientWidth * pixelRatio);
+		const height = Math.floor(canvas.clientHeight * pixelRatio);
 		const needResize = canvas.width !== width || canvas.height !== height;
 		if ( needResize ) {
 

diff --git a/manual/fr/responsive.html b/manual/fr/responsive.html
@@ -235,8 +235,8 @@ <h2 id="g-rer-les-affichages-hd-dpi">Gérer les affichages HD-DPI</h2>
 <pre class="prettyprint showlinemods notranslate lang-js" translate="no">    function resizeRendererToDisplaySize(renderer) {
       const canvas = renderer.domElement;
       const pixelRatio = window.devicePixelRatio;
-      const width  = canvas.clientWidth  * pixelRatio | 0;
-      const height = canvas.clientHeight * pixelRatio | 0;
+      const width  = Math.floor(canvas.clientWidth  * pixelRatio);
+      const height = Math.floor(canvas.clientHeight * pixelRatio);
       const needResize = canvas.width !== width || canvas.height !== height;
       if (needResize) {
         renderer.setSize(width, height, false);

diff --git a/manual/ja/responsive.html b/manual/ja/responsive.html
@@ -166,8 +166,8 @@ <h2 id="hd-dpi-">HD-DPIディスプレイの取り扱い</h2>
 <pre class="prettyprint showlinemods notranslate lang-js" translate="no">    function resizeRendererToDisplaySize(renderer) {
       const canvas = renderer.domElement;
       const pixelRatio = window.devicePixelRatio;
-      const width  = canvas.clientWidth  * pixelRatio | 0;
-      const height = canvas.clientHeight * pixelRatio | 0;
+      const width  = Math.floor(canvas.clientWidth  * pixelRatio);
+      const height = Math.floor(canvas.clientHeight * pixelRatio);
       const needResize = canvas.width !== width || canvas.height !== height;
       if (needResize) {
         renderer.setSize(width, height, false);

diff --git a/manual/ko/responsive.html b/manual/ko/responsive.html
@@ -217,8 +217,8 @@ <h2 id="hd-dpi-">HD-DPI 디스플레이 다루기</h2>
 <pre class="prettyprint showlinemods notranslate lang-js" translate="no">    function resizeRendererToDisplaySize(renderer) {
       const canvas = renderer.domElement;
       const pixelRatio = window.devicePixelRatio;
-      const width  = canvas.clientWidth  * pixelRatio | 0;
-      const height = canvas.clientHeight * pixelRatio | 0;
+      const width  = Math.floor(canvas.clientWidth  * pixelRatio);
+      const height = Math.floor(canvas.clientHeight * pixelRatio);
       const needResize = canvas.width !== width || canvas.height !== height;
       if (needResize) {
         renderer.setSize(width, height, false);

diff --git a/manual/ru/responsive.html b/manual/ru/responsive.html
@@ -222,8 +222,8 @@ <h2 id="-hd-dpi">Обработка дисплеев HD-DPI</h2>
 <pre class="prettyprint showlinemods notranslate notranslate" translate="no">    function resizeRendererToDisplaySize(renderer) {
       const canvas = renderer.domElement;
       const pixelRatio = window.devicePixelRatio;
-      const width = canvas.clientWidth * pixelRatio | 0;
-      const height = canvas.clientHeight * pixelRatio | 0;
+      const width = Math.floor(canvas.clientWidth * pixelRatio);
+      const height = Math.floor(canvas.clientHeight * pixelRatio);
       const needResize = canvas.width !== width || canvas.height !== height;
       if (needResize) {
         renderer.setSize(width, height, false);

diff --git a/manual/zh/responsive.html b/manual/zh/responsive.html
@@ -215,8 +215,8 @@ <h2 id="-hd-dpi-">应对HD-DPI显示器</h2>
         <pre class="prettyprint showlinemods notranslate lang-js" translate="no">    function resizeRendererToDisplaySize(renderer) {
       const canvas = renderer.domElement;
       const pixelRatio = window.devicePixelRatio;
-      const width = canvas.clientWidth * pixelRatio | 0;
-      const height = canvas.clientHeight * pixelRatio | 0;
+      const width = Math.floor(canvas.clientWidth * pixelRatio);
+      const height = Math.floor(canvas.clientHeight * pixelRatio);
       const needResize = canvas.width !== width || canvas.height !== height;
       if (needResize) {
         renderer.setSize(width, height, false);