Interface SVGTransform

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 matrix SVG_TRANSFORM_MATRIX SVG_TRANSFORM_ROTATE SVG_TRANSFORM_SCALE SVG_TRANSFORM_SKEWX SVG_TRANSFORM_SKEWY SVG_TRANSFORM_TRANSLATE SVG_TRANSFORM_UNKNOWN type

Methods

setMatrix setRotate setScale setSkewX setSkewY setTranslate

Properties

Readonlyangle

angle: number

Readonlymatrix

matrix: DOMMatrix

ReadonlySVG_TRANSFORM_MATRIX

SVG_TRANSFORM_MATRIX: 1

ReadonlySVG_TRANSFORM_ROTATE

SVG_TRANSFORM_ROTATE: 4

ReadonlySVG_TRANSFORM_SCALE

SVG_TRANSFORM_SCALE: 3

ReadonlySVG_TRANSFORM_SKEWX

SVG_TRANSFORM_SKEWX: 5

ReadonlySVG_TRANSFORM_SKEWY

SVG_TRANSFORM_SKEWY: 6

ReadonlySVG_TRANSFORM_TRANSLATE

SVG_TRANSFORM_TRANSLATE: 2

ReadonlySVG_TRANSFORM_UNKNOWN

SVG_TRANSFORM_UNKNOWN: 0

Readonlytype

type: number

Methods

setMatrix

  • setMatrix(matrix?: DOMMatrix2DInit): void

  • Parameters

    Returns void

setRotate

  • setRotate(angle: number, cx: number, cy: number): void

  • Parameters

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

    Returns void

setScale

  • setScale(sx: number, sy: number): void

  • Parameters

    • sx: number
    • sy: number

    Returns void

setSkewX

  • setSkewX(angle: number): void

  • Parameters

    • angle: number

    Returns void

setSkewY

  • setSkewY(angle: number): void

  • Parameters

    • angle: number

    Returns void

setTranslate

  • setTranslate(tx: number, ty: number): void

  • Parameters

    • tx: number
    • ty: number

    Returns void

Settings

Member Visibility

On This Page

Properties
Methods