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.

Vollständige Kompatibilität anzeigen
Mehr erfahren

Die SVGTransform-Schnittstelle repräsentiert eine der einzelnen Transformationen innerhalb einer SVGTransformList. Ein SVGTransform-Objekt entspricht somit einer einzelnen Komponente (z. B. scale(…) oder matrix(…)) innerhalb eines transform-Attributs.

Ein SVGTransform-Objekt kann als schreibgeschützt festgelegt werden. Versuche, das Objekt zu ändern, lösen dann eine Ausnahme aus.

Statische Eigenschaften

SVG_TRANSFORM_UNKNOWN (0): Der Einheitentyp gehört nicht zu den vordefinierten Einheitentypen. Es ist unzulässig, 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.

Instanzeigenschaften

type Schreibgeschützt: Der Typ des Werts, angegeben durch eine der auf dieser Schnittstelle definierten SVG_TRANSFORM_*-Konstanten.
angle Schreibgeschützt: Der Winkel als Gleitkommawert. Eine zusätzliche Eigenschaft für SVG_TRANSFORM_ROTATE, SVG_TRANSFORM_SKEWX und SVG_TRANSFORM_SKEWY. Bei SVG_TRANSFORM_MATRIX, SVG_TRANSFORM_TRANSLATE und SVG_TRANSFORM_SCALE ist angle gleich null.
matrix Schreibgeschützt: Die Matrix als DOMMatrix, die diese Transformation repräsentiert. Das Matrixobjekt ist live: Änderungen am SVGTransform-Objekt spiegeln sich unmittelbar im Matrixobjekt wider und umgekehrt. Wird das Matrixobjekt direkt geändert (d.h. ohne die Methoden der SVGTransform-Schnittstelle zu verwenden), ändert sich der Typ von SVGTransform zu SVG_TRANSFORM_MATRIX.

Instanzmethoden

setMatrix(): Setzt den Transformationstyp auf SVG_TRANSFORM_MATRIX. Der Parameter matrix definiert die neue Transformation. Beachten Sie, dass die Werte aus dem Parameter matrix kopiert werden.
setTranslate(): Setzt den Transformationstyp auf SVG_TRANSFORM_TRANSLATE. Die Parameter tx und ty geben die Verschiebungen an.
setScale(): Setzt den Transformationstyp auf SVG_TRANSFORM_SCALE. Die Parameter sx und sy geben die Skalierungsfaktoren an.
setRotate(): Setzt den Transformationstyp auf SVG_TRANSFORM_ROTATE. Der Parameter angle gibt den Drehwinkel an; die Parameter cx und cy legen den optionalen Drehpunkt fest.
setSkewX(): Setzt den Transformationstyp auf SVG_TRANSFORM_SKEWX. Der Parameter angle gibt den Scherwinkel an.
setSkewY(): Setzt den Transformationstyp auf SVG_TRANSFORM_SKEWY. Der Parameter angle gibt den Scherwinkel an.

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # InterfaceSVGTransform

Browser-Kompatibilität

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden