SVGTransform

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Die SVGTransform-Schnittstelle spiegelt eine der Komponenten-Transformationen innerhalb einer SVGTransformList wider; ein SVGTransform-Objekt entspricht also einer einzelnen Komponente (z.B. scale(…) oder matrix(…)) innerhalb eines transform-Attributs.

Ein SVGTransform-Objekt kann als read-only bezeichnet werden, was bedeutet, dass Versuche, das Objekt zu ändern, eine Ausnahme auslösen.

In diesem Artikel

Instanz-Eigenschaften

type

Der Typ des Wertes, wie durch eine der SVG_TRANSFORM_*-Konstanten, die in dieser Schnittstelle definiert sind, angegeben.

angle

Der Winkel als Gleitkommawert. Ein praktisches Attribut für SVG_TRANSFORM_ROTATE, SVG_TRANSFORM_SKEWX und SVG_TRANSFORM_SKEWY. Für SVG_TRANSFORM_MATRIX, SVG_TRANSFORM_TRANSLATE und SVG_TRANSFORM_SCALE wird angle null sein.

matrix

Die Matrix als DOMMatrix, die diese Transformation darstellt. Das Matrix-Objekt ist aktiv, was bedeutet, dass Änderungen am SVGTransform-Objekt sofort im Matrix-Objekt widergespiegelt werden und umgekehrt. Falls das Matrix-Objekt direkt geändert wird (d.h. ohne Verwendung der Methoden der SVGTransform-Schnittstelle selbst), ändert sich der Typ des SVGTransform zu SVG_TRANSFORM_MATRIX.

Instanz-Methoden

setMatrix()

Setzt den Umwandlungstyp auf SVG_TRANSFORM_MATRIX, wobei die Parameter-Matrix die neue Transformation definiert. Beachten Sie, dass die Werte aus dem Parameter matrix kopiert werden.

setTranslate()

Setzt den Umwandlungstyp auf SVG_TRANSFORM_TRANSLATE, wobei die Parameter tx und ty die Übersetzungsbeträge definieren.

setScale()

Setzt den Umwandlungstyp auf SVG_TRANSFORM_SCALE, wobei die Parameter sx und sy die Skalierungsbeträge definieren.

setRotate()

Setzt den Umwandlungstyp auf SVG_TRANSFORM_ROTATE, wobei der Parameter angle den Rotationswinkel definiert und die Parameter cx und cy das optionale Zentrum der Rotation bestimmen.

setSkewX()

Setzt den Umwandlungstyp auf SVG_TRANSFORM_SKEWX, wobei der Parameter angle die Menge der Scherung definiert.

setSkewY()

Setzt den Umwandlungstyp auf SVG_TRANSFORM_SKEWY, wobei der Parameter angle die Menge der Scherung definiert.

Statische Eigenschaften

SVG_TRANSFORM_UNKNOWN (0)

Der Einheitentyp gehört nicht zu den vordefinierten Einheitentypen. Es ist ungültig, zu versuchen, einen neuen Wert dieses Typs zu definieren oder einen vorhandenen Wert auf diesen Typ umzustellen.

SVG_TRANSFORM_MATRIX (1)

Eine matrix(…)-Transformation.

SVG_TRANSFORM_TRANSLATE (2)

Eine translate(…)-Transformation.

SVG_TRANSFORM_SCALE (3)

Eine scale(…)-Transformation.

SVG_TRANSFORM_ROTATE (4)

Eine rotate(…)-Transformation.

SVG_TRANSFORM_SKEWX (5)

Eine skewx(…)-Transformation.

SVG_TRANSFORM_SKEWY (6)

Eine skewy(…)-Transformation.