meo-skia-canvas
    Preparing search index...

    Interface DOMMatrix

    A 2D or 3D transformation matrix, with the CSS a-f names and the matrix-cell mRC names addressing the same values.

    interface DOMMatrix {
        a: number;
        b: number;
        c: number;
        d: number;
        e: number;
        f: number;
        is2D: boolean;
        isIdentity: boolean;
        m11: number;
        m12: number;
        m13: number;
        m14: number;
        m21: number;
        m22: number;
        m23: number;
        m24: number;
        m31: number;
        m32: number;
        m33: number;
        m34: number;
        m41: number;
        m42: number;
        m43: number;
        m44: number;
        clone(): DOMMatrix;
        flipX(): DOMMatrix;
        flipY(): DOMMatrix;
        inverse(): DOMMatrix;
        invertSelf(): DOMMatrix;
        multiply(other?: DOMMatrixInit): DOMMatrix;
        multiplySelf(other?: DOMMatrixInit): DOMMatrix;
        preMultiplySelf(other?: DOMMatrixInit): DOMMatrix;
        rotate(rotX?: number, rotY?: number, rotZ?: number): DOMMatrix;
        rotateAxisAngle(
            x?: number,
            y?: number,
            z?: number,
            angle?: number,
        ): DOMMatrix;
        rotateAxisAngleSelf(
            x?: number,
            y?: number,
            z?: number,
            angle?: number,
        ): DOMMatrix;
        rotateFromVector(x?: number, y?: number): DOMMatrix;
        rotateFromVectorSelf(x?: number, y?: number): DOMMatrix;
        rotateSelf(rotX?: number, rotY?: number, rotZ?: number): DOMMatrix;
        scale(
            scaleX?: number,
            scaleY?: number,
            scaleZ?: number,
            originX?: number,
            originY?: number,
            originZ?: number,
        ): DOMMatrix;
        scale3d(
            scale?: number,
            originX?: number,
            originY?: number,
            originZ?: number,
        ): DOMMatrix;
        scale3dSelf(
            scale?: number,
            originX?: number,
            originY?: number,
            originZ?: number,
        ): DOMMatrix;
        scaleSelf(
            scaleX?: number,
            scaleY?: number,
            scaleZ?: number,
            originX?: number,
            originY?: number,
            originZ?: number,
        ): DOMMatrix;
        setMatrixValue(transformList: string): DOMMatrix;
        skew(sx?: number, sy?: number): DOMMatrix;
        skewSelf(sx?: number, sy?: number): DOMMatrix;
        skewX(sx?: number): DOMMatrix;
        skewXSelf(sx?: number): DOMMatrix;
        skewY(sy?: number): DOMMatrix;
        skewYSelf(sy?: number): DOMMatrix;
        toFloat32Array(): Float32Array;
        toFloat64Array(): Float64Array;
        toJSON(): any;
        toString(): string;
        transformPoint(point?: DOMPointInit): DOMPoint;
        translate(tx?: number, ty?: number, tz?: number): DOMMatrix;
        translateSelf(tx?: number, ty?: number, tz?: number): DOMMatrix;
    }
    Index
    a b c d e f is2D isIdentity m11 m12 m13 m14 m21 m22 m23 m24 m31 m32 m33 m34 m41 m42 m43 m44
    clone flipX flipY inverse invertSelf multiply multiplySelf preMultiplySelf rotate rotateAxisAngle rotateAxisAngleSelf rotateFromVector rotateFromVectorSelf rotateSelf scale scale3d scale3dSelf scaleSelf setMatrixValue skew skewSelf skewX skewXSelf skewY skewYSelf toFloat32Array toFloat64Array toJSON toString transformPoint translate translateSelf
    a: number

    2D component; the same value as m11. MDN Reference

    b: number

    2D component; the same value as m12. MDN Reference

    c: number

    2D component; the same value as m21. MDN Reference

    d: number

    2D component; the same value as m22. MDN Reference

    e: number

    2D component; the same value as m41. MDN Reference

    f: number

    2D component; the same value as m42. MDN Reference

    is2D: boolean

    MDN Reference

    isIdentity: boolean

    MDN Reference

    m11: number

    4x4 component; the same value as a. MDN Reference

    m12: number

    4x4 component; the same value as b. MDN Reference

    m13: number

    4x4 component, row 1 column 3. MDN Reference

    m14: number

    4x4 component, row 1 column 4. MDN Reference

    m21: number

    4x4 component; the same value as c. MDN Reference

    m22: number

    4x4 component; the same value as d. MDN Reference

    m23: number

    4x4 component, row 2 column 3. MDN Reference

    m24: number

    4x4 component, row 2 column 4. MDN Reference

    m31: number

    4x4 component, row 3 column 1. MDN Reference

    m32: number

    4x4 component, row 3 column 2. MDN Reference

    m33: number

    4x4 component, row 3 column 3. MDN Reference

    m34: number

    4x4 component, row 3 column 4. MDN Reference

    m41: number

    4x4 component; the same value as e. MDN Reference

    m42: number

    4x4 component; the same value as f. MDN Reference

    m43: number

    4x4 component, row 4 column 3. MDN Reference

    m44: number

    4x4 component, row 4 column 4. MDN Reference

    • A copy that can be mutated without touching this one.

      🧪 Not in the HTML Canvas standard. DOMMatrix.fromMatrix(m) is the standard spelling and does the same thing.

      Returns DOMMatrix

    • MDN Reference

      Parameters

      • Optionalx: number
      • Optionaly: number
      • Optionalz: number
      • Optionalangle: number

      Returns DOMMatrix

    • MDN Reference

      Parameters

      • OptionalscaleX: number
      • OptionalscaleY: number
      • OptionalscaleZ: number
      • OptionaloriginX: number
      • OptionaloriginY: number
      • OptionaloriginZ: number

      Returns DOMMatrix

    • MDN Reference

      Parameters

      • Optionalscale: number
      • OptionaloriginX: number
      • OptionaloriginY: number
      • OptionaloriginZ: number

      Returns DOMMatrix

    • MDN Reference

      Parameters

      • Optionalscale: number
      • OptionaloriginX: number
      • OptionaloriginY: number
      • OptionaloriginZ: number

      Returns DOMMatrix

    • MDN Reference

      Parameters

      • OptionalscaleX: number
      • OptionalscaleY: number
      • OptionalscaleZ: number
      • OptionaloriginX: number
      • OptionaloriginY: number
      • OptionaloriginZ: number

      Returns DOMMatrix

    • Skew on both axes at once, equivalent to skewX(sx).skewY(sy).

      🧪 Not in the HTML Canvas standard.

      Parameters

      • Optionalsx: number
      • Optionalsy: number

      Returns DOMMatrix

    • Skew this matrix on both axes at once, in place.

      🧪 Not in the HTML Canvas standard.

      Parameters

      • Optionalsx: number
      • Optionalsy: number

      Returns DOMMatrix

    • A plain object carrying the same fields, for JSON.stringify.

      Returns any

    Settings
    Member Visibility

    On This Page
    Properties
    Methods