Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

CSSTransformComponent: Methode toString()

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 Methode toString() des Interfaces CSSTransformComponent ist ein Stringifier, der eine CSS Transforms-Funktion zurückgibt.

Syntax

js
toString()

Parameter

Keine.

Rückgabewert

Ein String in Form einer CSS-Transform-Funktion.

Dabei wird der Wert von is2D verwendet, um entweder eine 2D- oder eine 3D-Transformation zurückzugeben. Wenn die Komponente beispielsweise CSSRotate darstellt und is2D den Wert false hat, entspricht der zurückgegebene String der CSS-Transformationsfunktion rotate3d(). Wenn der Wert true ist, entspricht der zurückgegebene String der zweidimensionalen Funktion rotate().

Beispiele

Serialisieren von 2D- und 3D-Komponenten

js
const translate2D = new CSSTranslate(CSS.px(10), CSS.px(20));
console.log(translate2D.toString()); // "translate(10px, 20px)"

const translate3D = new CSSTranslate(CSS.px(10), CSS.px(20), CSS.px(30));
console.log(translate3D.toString()); // "translate3d(10px, 20px, 30px)"

Spezifikationen

Spezifikation
CSS Typed OM Level 1
# CSSTransformComponent-stringification-behavior

Browser-Kompatibilität

Siehe auch