DOMMatrixReadOnly: is2D property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Note: This feature is available inWeb Workers.
The readonlyis2D property of theDOMMatrixReadOnly interface is a Boolean flag that istrue when the matrix is 2D. The value istrue if the matrix was initialized as a 2D matrix and only 2D transformation operations were applied. Otherwise, the matrix is defined in 3D, andis2D isfalse.
In this article
Value
A Boolean value.
Examples
js
// Initialize a 2D matrixconst matrix = new DOMMatrix(); // create a matrixconsole.log(matrix.is2D); // output: true// Transform in a 2D spaceconsole.log(matrix.rotate(30).is2D); // output: true// Apply a 3D transformconsole.log(matrix.rotate(10, 20, 1).is2D); // output: falseSpecifications
| Specification |
|---|
| Geometry Interfaces Module Level 1> # dom-dommatrixreadonly-is2d> |
Browser compatibility
See also
CSSTransformValue.is2DCSSTransformComponent.is2D- CSS
<transform-function>functions - CSS
transformproperty - CSS transforms module
- SVG
transformattribute CanvasRenderingContext2Dinterface