CSSTransformComponent: is2D-Eigenschaft
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die is2D-Eigenschaft des CSSTransformComponent-Interface gibt an, ob die Transformation 2D oder 3D ist.
Wert
Ein Boolean.
true, wenn die Transformation eine 2D-Transformation ist, false, wenn sie eine 3D-Transformation ist.
Beschreibung
Die Eigenschaft kann sowohl gelesen als auch geschrieben werden und wird in anderen Methoden verwendet, um die Form der Ausgabe zu bestimmen.
Wenn die Komponente beispielsweise CSSRotate repräsentiert und is2D false ist, hat der von CSSTransformComponent.toString() zurückgegebene String die Form der CSS-Transformationsfunktion rotate3d().
Wenn der Wert true ist, hat der zurückgegebene String die Form der zweidimensionalen Funktion rotate().
Allgemeiner gilt: Wenn is2D true ist, werden alle Attribute der Komponente, die nur für 3D-Transformationen relevant sind (wie CSSTranslate.z), ignoriert und haben keinen Einfluss auf die Serialisierung der Komponente (CSSTransformComponent.toString()) oder ihre matrix.
Beispiele
is2D lesen und festlegen
const translate = new CSSTranslate(CSS.px(10), CSS.px(20), CSS.px(30));
console.log(translate.is2D); // false
console.log(translate.toString()); // "translate3d(10px, 20px, 30px)"
translate.is2D = true;
console.log(translate.toString()); // "translate(10px, 20px)"
console.log(translate.z.toString()); // "30px" — z is still set, just ignored
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # dom-csstransformcomponent-is2d |