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.

MDN Reference

interface SVGTransform {
    angle: number;
    matrix: DOMMatrix;
    SVG_TRANSFORM_MATRIX: 1;
    SVG_TRANSFORM_ROTATE: 4;
    SVG_TRANSFORM_SCALE: 3;
    SVG_TRANSFORM_SKEWX: 5;
    SVG_TRANSFORM_SKEWY: 6;
    SVG_TRANSFORM_TRANSLATE: 2;
    SVG_TRANSFORM_UNKNOWN: 0;
    type: number;
    setMatrix(matrix?: DOMMatrix2DInit): void;
    setRotate(angle: number, cx: number, cy: number): void;
    setScale(sx: number, sy: number): void;
    setSkewX(angle: number): void;
    setSkewY(angle: number): void;
    setTranslate(tx: number, ty: number): void;
}

Properties

angle: number
matrix: DOMMatrix
SVG_TRANSFORM_MATRIX
SVG_TRANSFORM_ROTATE
SVG_TRANSFORM_SCALE
SVG_TRANSFORM_SKEWX
SVG_TRANSFORM_SKEWY
SVG_TRANSFORM_TRANSLATE
SVG_TRANSFORM_UNKNOWN
type: number

Methods

  • Parameters

    Returns void

  • Parameters

    • angle: number
    • cx: number
    • cy: number

    Returns void

  • Parameters

    • sx: number
    • sy: number

    Returns void

  • Parameters

    • angle: number

    Returns void

  • Parameters

    • angle: number

    Returns void

  • Parameters

    • tx: number
    • ty: number

    Returns void