react-native-svg/lib/Transform.js

export default class {
    constructor(xx, yx, xy, yy, x, y){
        if (xx && typeof xx == 'object'){
            yx = xx.yx; yy = xx.yy; y = xx.y;
            xy = xx.xy; x = xx.x; xx = xx.xx;
        }
        this.xx = xx == null ? 1 : xx;
        this.yx = yx || 0;
        this.xy = xy || 0;
        this.yy = yy == null ? 1 : yy;
        this.x = (x == null ? this.x : x) || 0;
        this.y = (y == null ? this.y : y) || 0;
        return this;
    }

    xx = 1;
    yx = 0;
    x = 0;
    xy = 0;
    yy = 1;
    y = 0;

    transform = (xx, yx, xy, yy, x, y) => {
        var m = this;
        if (xx && typeof xx == 'object'){
            yx = xx.yx; yy = xx.yy; y = xx.y;
            xy = xx.xy; x = xx.x; xx = xx.xx;
        }
        if (!x) x = 0;
        if (!y) y = 0;
        return this.transformTo(
            m.xx * xx + m.xy * yx,
            m.yx * xx + m.yy * yx,
            m.xx * xy + m.xy * yy,
            m.yx * xy + m.yy * yy,
            m.xx * x + m.xy * y + m.x,
            m.yx * x + m.yy * y + m.y
        );
    };

    transformTo = this.constructor;

    translate = (x, y) => {
        return this.transform(1, 0, 0, 1, x, y);
    };

    move = (x, y) => {
        this.x += x || 0;
        this.y += y || 0;
        return this;
    };

    scale = (x, y) => {
        return this.transform(x, 0, 0, y == null ? x : y, 0, 0);
    };

    rotate = (deg, x, y) => {
        if (x == null || y == null){
            x = (this.left || 0) + (this.width || 0) / 2;
            y = (this.top || 0) + (this.height || 0) / 2;
        }

        var rad = deg * Math.PI / 180, sin = Math.sin(rad), cos = Math.cos(rad);

        this.transform(1, 0, 0, 1, x, y);
        var m = this;

        return this.transformTo(
            cos * m.xx - sin * m.yx,
            sin * m.xx + cos * m.yx,
            cos * m.xy - sin * m.yy,
            sin * m.xy + cos * m.yy,
            m.x,
            m.y
        ).transform(1, 0, 0, 1, -x, -y);
    };

    moveTo = (x, y) => {
        var m = this;
        return this.transformTo(m.xx, m.yx, m.xy, m.yy, x, y);
    };

    rotateTo = (deg, x, y) => {
        var m = this;
        var flip = m.yx / m.xx > m.yy / m.xy ? -1 : 1;
        if (m.xx < 0 ? m.xy >= 0 : m.xy < 0) flip = -flip;
        return this.rotate(deg - Math.atan2(flip * m.yx, flip * m.xx) * 180 / Math.PI, x, y);
    };

    scaleTo = (x, y) => {
        // Normalize
        var m = this;

        var h = Math.sqrt(m.xx * m.xx + m.yx * m.yx);
        m.xx /= h; m.yx /= h;

        h = Math.sqrt(m.yy * m.yy + m.xy * m.xy);
        m.yy /= h; m.xy /= h;

        return this.scale(x, y);
    };

    resizeTo = (width, height) => {
        var w = this.width, h = this.height;
        if (!w || !h) return this;
        return this.scaleTo(width / w, height / h);
    };

    inversePoint = (x, y) => {
        var a = this.xx, b = this.yx,
            c = this.xy, d = this.yy,
            e = this.x, f = this.y;
        var det = b * c - a * d;
        if (det == 0) return null;
        return {
            x: (d * (e - x) + c * (y - f)) / det,
            y: (a * (f - y) + b * (x - e)) / det
        };
    };

    point = (x, y) => {
        var m = this;
        return {
            x: m.xx * x + m.xy * y + m.x,
            y: m.yx * x + m.yy * y + m.y
        };
    };
}