CSSTransformValue: CSSTransformValue()-Konstruktor
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.
Der Konstruktor CSSTransformValue() erstellt ein neues CSSTransformValue-Objekt, das einen transform-list-Wert repräsentiert, der aus den angegebenen CSSTransformComponent-Objekten besteht.
Syntax
js
new CSSTransformValue(transforms)
Parameter
transforms-
Ein Array von
CSSTransformComponent-Objekten.
Ausnahmen
TypeError-
Wird ausgelöst, wenn
transformsleer ist.
Beispiele
Grundlegende Verwendung
js
const transform = new CSSTransformValue([
new CSSTranslate(CSS.px(10), CSS.px(20)),
new CSSScale(2, 3),
]);
console.log(transform.length); // 2
console.log(transform.toString()); // "translate(10px, 20px) scale(2, 3)"
Umgang mit einem leeren Array
Der Konstruktor löst einen TypeError aus, wenn transforms leer ist:
js
try {
const transform = new CSSTransformValue([]);
} catch (e) {
console.log(e); // TypeError
}
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # dom-csstransformvalue-csstransformvalue |