prettify matrix3d

mdn · Jan 29, 2025 · f29060c · f29060c
1 parent 19e6c2e
commit f29060c
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 9 deletions.
diff --git a/files/en-us/web/api/dommatrix/rotateaxisangleself/index.md b/files/en-us/web/api/dommatrix/rotateaxisangleself/index.md
@@ -44,9 +44,17 @@ A [`DOMMatrix`](/en-US/docs/Web/API/DOMMatrix).
 ```js
 const matrix = new DOMMatrix(); // create a matrix
 console.log(matrix.rotateAxisAngleSelf(10, 20, 30, 45).toString());
-// "matrix3d(0.728, 0.609, -0.315, 0, -0.525, 0.791, 0.315, 0, 0.441, -0.063, 0.895, 0, 0, 0, 0, 1)"
+/* "matrix3d(
+    0.728, 0.609, -0.315, 0, 
+    -0.525, 0.791, 0.315, 0, 
+    0.441, -0.063, 0.895, 
+    0, 0, 0, 0, 1)" */
 console.log(matrix.toString());
-// "matrix3d(0.728, 0.609, -0.315, 0, -0.525, 0.791, 0.315, 0, 0.441, -0.063, 0.895, 0, 0, 0, 0, 1)"
+/* "matrix3d(
+    0.728, 0.609, -0.315, 0, 
+    -0.525, 0.791, 0.315, 0, 
+    0.441, -0.063, 0.895, 0, 
+    0, 0, 0, 1)" */
 ```
 
 ## Specifications

diff --git a/files/en-us/web/api/dommatrix/scale3dself/index.md b/files/en-us/web/api/dommatrix/scale3dself/index.md
@@ -44,11 +44,23 @@ Returns itself; a {{domxref("DOMMatrix")}}.
 ```js
 const matrix = new DOMMatrix();
 console.log(matrix.scale3dSelf(2).toString());
-// matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1)
+/* matrix3d(
+    2, 0, 0, 0, 
+    0, 2, 0, 0, 
+    0, 0, 2, 0, 
+    0, 0, 0, 1) */
 console.log(matrix.scale3dSelf(3.1, 25, 25, 1.25).toString());
-// matrix3d(6.2, 0, 0, 0, 0, 6.2, 0, 0, 0, 0, 6.2, 0, -105, -105, -5.25, 1)
+/* matrix3d(
+    6.2, 0, 0, 0,
+    0, 6.2, 0, 0, 
+    0, 0, 6.2, 0, 
+    -105, -105, -5.25, 1) */
 console.log(matrix.toString());
-// matrix3d(6.2, 0, 0, 0, 0, 6.2, 0, 0, 0, 0, 6.2, 0, -105, -105, -5.25, 1) (same as above)
+/* matrix3d(
+    6.2, 0, 0, 0, 
+    0, 6.2, 0, 0, 
+    0, 0, 6.2, 0, 
+    -105, -105, -5.25, 1) (same as above) */
 ```
 
 ## Specifications

diff --git a/files/en-us/web/api/dommatrixreadonly/rotateaxisangle/index.md b/files/en-us/web/api/dommatrixreadonly/rotateaxisangle/index.md
@@ -43,8 +43,18 @@ A [`DOMMatrix`](/en-US/docs/Web/API/DOMMatrix).
 const matrix = new DOMMatrix(); // create a matrix
 console.log(matrix.rotateAxisAngle().toString()); // matrix(1, 0, 0, 1, 0, 0)
 console.log(matrix.rotateAxisAngle(10, 20, 30).toString()); // matrix(1, 0, 0, 1, 0, 0)
-console.log(matrix.rotateAxisAngle(10, 20, 30, 45).toString()); // matrix3d(0.728, 0.609, -0.315, 0, -0.525, 0.791, 0.315, 0, 0.441, -0.063, 0.895, 0, 0, 0, 0, 1)
-console.log(matrix.rotateAxisAngle(5, 5, 5, -45).toString()); // matrix3d(0.805, -0.311, 0.506, 0, 0.506, 0.805, -0.311, 0, -0.311, 0.506, 0.805, 0, 0, 0, 0, 1)
+console.log(matrix.rotateAxisAngle(10, 20, 30, 45).toString()); 
+/* matrix3d(
+    0.728, 0.609, -0.315, 0, 
+    -0.525, 0.791, 0.315, 0, 
+    0.441, -0.063, 0.895, 
+    0, 0, 0, 0, 1) */
+console.log(matrix.rotateAxisAngle(5, 5, 5, -45).toString()); 
+/* matrix3d(
+    0.805, -0.311, 0.506, 0, 
+    0.506, 0.805, -0.311, 0, 
+    -0.311, 0.506, 0.805, 0, 
+    0, 0, 0, 1) */
 console.log(matrix.toString()); // output: "matrix(1, 0, 0, 1, 0, 0)" (unchanged)
 ```
 

diff --git a/files/en-us/web/api/dommatrixreadonly/scale3d/index.md b/files/en-us/web/api/dommatrixreadonly/scale3d/index.md
@@ -46,9 +46,17 @@ console.log(matrix.toString()); // no transforms applied
 // matrix(1, 0, 0, 1, 0, 0)
 
 console.log(matrix.scale3d(2).toString());
-// matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1)
+/* matrix3d(
+    2, 0, 0, 0, 
+    0, 2, 0, 0, 
+    0, 0, 2, 0, 
+    0, 0, 0, 1) */
 console.log(matrix.scale3d(0.5, 25, 25, 1.25).toString());
-// matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 0.5, 0, 12.5, 12.5, 0.625, 1)
+/* matrix3d(
+    0.5, 0, 0, 0, 
+    0, 0.5, 0, 0, 
+    0, 0, 0.5, 0, 1
+    2.5, 12.5, 0.625, 1) */
 console.log(matrix.toString()); // original matrix is unchanged
 // matrix(1, 0, 0, 1, 0, 0)
 ```