class js.html.svg.Transform

Available on js

SVGTransform is the interface for one of the component transformations within an SVGTransformList ; thus, an SVGTransform object corresponds to a single component (e.g., scale(…) or matrix(…)) within a transform attribute.

An SVGTransform object can be designated as read only, which means that attempts to modify the object will result in an exception being thrown.



Documentation for this class was provided by MDN.

Class Fields

var SVG_TRANSFORM_MATRIX:Int

A matrix(…) transformation

var SVG_TRANSFORM_ROTATE:Int

var SVG_TRANSFORM_SCALE:Int

A scale(…) transformation

var SVG_TRANSFORM_SKEWX:Int

var SVG_TRANSFORM_SKEWY:Int

var SVG_TRANSFORM_TRANSLATE:Int

A translate(…) transformation

var SVG_TRANSFORM_UNKNOWN:Int

The unit type is not one of predefined unit types. It is invalid to attempt to define a new value of this type or to attempt to switch an existing value to this type.

Instance Fields

var angle:Float

A convenience attribute for SVGTRANSFORMROTATE, SVGTRANSFORMSKEWX and SVGTRANSFORMSKEWY. It holds the angle that was specified.

For SVGTRANSFORMMATRIX, SVGTRANSFORMTRANSLATE and SVGTRANSFORMSCALE, angle will be zero.

var matrix:Matrix

The matrix that represents this transformation. The matrix object is live, meaning that any changes made to the SVGTransform object are immediately reflected in the matrix object and vice versa. In case the matrix object is changed directly (i.e., without using the methods on the SVGTransform interface itself) then the type of the SVGTransform changes to SVG_TRANSFORM_MATRIX.

  • For SVG_TRANSFORM_MATRIX, the matrix contains the a, b, c, d, e, f values supplied by the user.
  • For SVG_TRANSFORM_TRANSLATE, e and f represent the translation amounts (a=1, b=0, c=0 and d=1).
  • For SVG_TRANSFORM_SCALE, a and d represent the scale amounts (b=0, c=0, e=0 and f=0).
  • For SVG_TRANSFORM_SKEWX and SVG_TRANSFORM_SKEWY, a, b, c and d represent the matrix which will result in the given skew (e=0 and f=0).
  • For SVG_TRANSFORM_ROTATE, a, b, c, d, e and f together represent the matrix which will result in the given rotation. When the rotation is around the center point (0, 0), e and f will be zero.

var type:Int

The type of the value as specified by one of the SVGTRANSFORM* constants defined on this interface.

function setMatrix(matrix:Matrix):Void

function setRotate(angle:Float, cx:Float, cy:Float):Void

function setScale(sx:Float, sy:Float):Void

function setSkewX(angle:Float):Void

function setSkewY(angle:Float):Void

function setTranslate(tx:Float, ty:Float):Void