@visactor/vutils 0.18.16 → 0.18.18

package/dist/index.js

@@ -1958,249 +1958,21 @@
 	    }
 	}
 
-	function transformBoundsWithMatrix(out, bounds, matrix) {
-	    const { x1, y1, x2, y2 } = bounds;
-	    if (matrix.onlyTranslate()) {
-	        if (out !== bounds) {
-	            out.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2);
-	        }
-	        out.translate(matrix.e, matrix.f);
-	        return bounds;
-	    }
-	    out.clear();
-	    out.add(matrix.a * x1 + matrix.c * y1 + matrix.e, matrix.b * x1 + matrix.d * y1 + matrix.f);
-	    out.add(matrix.a * x2 + matrix.c * y1 + matrix.e, matrix.b * x2 + matrix.d * y1 + matrix.f);
-	    out.add(matrix.a * x2 + matrix.c * y2 + matrix.e, matrix.b * x2 + matrix.d * y2 + matrix.f);
-	    out.add(matrix.a * x1 + matrix.c * y2 + matrix.e, matrix.b * x1 + matrix.d * y2 + matrix.f);
-	    return bounds;
-	}
-	function transformBounds(bounds, x, y, scaleX, scaleY, angle, rotateCenter) {
-	    if (abs(scaleX) <= epsilon || abs(scaleY) <= epsilon) {
-	        return;
-	    }
-	    scaleX !== 1 && bounds.scaleX(scaleX);
-	    scaleY !== 1 && bounds.scaleY(scaleY);
-	    if (isFinite(angle) && Math.abs(angle) > epsilon) {
-	        let rx = 0;
-	        let ry = 0;
-	        if (rotateCenter !== undefined) {
-	            rx = rotateCenter[0];
-	            ry = rotateCenter[1];
-	        }
-	        bounds.rotate(angle, rx, ry);
-	    }
-	    bounds.translate(x, y);
-	}
-	class Bounds {
-	    constructor(bounds) {
-	        if (bounds) {
-	            this.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2);
-	        }
-	        else {
-	            this.clear();
-	        }
-	    }
-	    clone() {
-	        return new Bounds(this);
-	    }
-	    clear() {
-	        this.x1 = +Number.MAX_VALUE;
-	        this.y1 = +Number.MAX_VALUE;
-	        this.x2 = -Number.MAX_VALUE;
-	        this.y2 = -Number.MAX_VALUE;
-	        return this;
-	    }
-	    empty() {
-	        return (this.x1 === +Number.MAX_VALUE &&
-	            this.y1 === +Number.MAX_VALUE &&
-	            this.x2 === -Number.MAX_VALUE &&
-	            this.y2 === -Number.MAX_VALUE);
-	    }
-	    equals(b) {
-	        return this.x1 === b.x1 && this.y1 === b.y1 && this.x2 === b.x2 && this.y2 === b.y2;
-	    }
-	    setValue(x1 = 0, y1 = 0, x2 = 0, y2 = 0) {
-	        this.x1 = x1;
-	        this.y1 = y1;
-	        this.x2 = x2;
-	        this.y2 = y2;
-	        return this;
-	    }
-	    set(x1 = 0, y1 = 0, x2 = 0, y2 = 0) {
-	        if (x2 < x1) {
-	            this.x2 = x1;
-	            this.x1 = x2;
-	        }
-	        else {
-	            this.x1 = x1;
-	            this.x2 = x2;
-	        }
-	        if (y2 < y1) {
-	            this.y2 = y1;
-	            this.y1 = y2;
-	        }
-	        else {
-	            this.y1 = y1;
-	            this.y2 = y2;
-	        }
-	        return this;
-	    }
-	    add(x = 0, y = 0) {
-	        if (x < this.x1) {
-	            this.x1 = x;
-	        }
-	        if (y < this.y1) {
-	            this.y1 = y;
-	        }
-	        if (x > this.x2) {
-	            this.x2 = x;
-	        }
-	        if (y > this.y2) {
-	            this.y2 = y;
-	        }
-	        return this;
-	    }
-	    expand(d = 0) {
-	        if (isArray(d)) {
-	            this.y1 -= d[0];
-	            this.x2 += d[1];
-	            this.y2 += d[2];
-	            this.x1 -= d[3];
-	        }
-	        else {
-	            this.x1 -= d;
-	            this.y1 -= d;
-	            this.x2 += d;
-	            this.y2 += d;
-	        }
-	        return this;
-	    }
-	    round() {
-	        this.x1 = Math.floor(this.x1);
-	        this.y1 = Math.floor(this.y1);
-	        this.x2 = Math.ceil(this.x2);
-	        this.y2 = Math.ceil(this.y2);
-	        return this;
-	    }
-	    translate(dx = 0, dy = 0) {
-	        this.x1 += dx;
-	        this.x2 += dx;
-	        this.y1 += dy;
-	        this.y2 += dy;
-	        return this;
-	    }
-	    rotate(angle = 0, x = 0, y = 0) {
-	        const p = this.rotatedPoints(angle, x, y);
-	        return this.clear().add(p[0], p[1]).add(p[2], p[3]).add(p[4], p[5]).add(p[6], p[7]);
-	    }
-	    scale(sx = 0, sy = 0, x = 0, y = 0) {
-	        const p = this.scalePoints(sx, sy, x, y);
-	        return this.clear().add(p[0], p[1]).add(p[2], p[3]);
-	    }
-	    union(b) {
-	        if (b.x1 < this.x1) {
-	            this.x1 = b.x1;
-	        }
-	        if (b.y1 < this.y1) {
-	            this.y1 = b.y1;
-	        }
-	        if (b.x2 > this.x2) {
-	            this.x2 = b.x2;
-	        }
-	        if (b.y2 > this.y2) {
-	            this.y2 = b.y2;
-	        }
-	        return this;
-	    }
-	    intersect(b) {
-	        if (b.x1 > this.x1) {
-	            this.x1 = b.x1;
-	        }
-	        if (b.y1 > this.y1) {
-	            this.y1 = b.y1;
-	        }
-	        if (b.x2 < this.x2) {
-	            this.x2 = b.x2;
-	        }
-	        if (b.y2 < this.y2) {
-	            this.y2 = b.y2;
-	        }
-	        return this;
-	    }
-	    encloses(b) {
-	        return b && this.x1 <= b.x1 && this.x2 >= b.x2 && this.y1 <= b.y1 && this.y2 >= b.y2;
-	    }
-	    alignsWith(b) {
-	        return b && (this.x1 === b.x1 || this.x2 === b.x2 || this.y1 === b.y1 || this.y2 === b.y2);
-	    }
-	    intersects(b) {
-	        return b && !(this.x2 < b.x1 || this.x1 > b.x2 || this.y2 < b.y1 || this.y1 > b.y2);
-	    }
-	    contains(x = 0, y = 0) {
-	        return !(x < this.x1 || x > this.x2 || y < this.y1 || y > this.y2);
-	    }
-	    containsPoint(p) {
-	        return !(p.x < this.x1 || p.x > this.x2 || p.y < this.y1 || p.y > this.y2);
-	    }
-	    width() {
-	        if (this.empty()) {
-	            return 0;
-	        }
-	        return this.x2 - this.x1;
-	    }
-	    height() {
-	        if (this.empty()) {
-	            return 0;
+	const parseUint8ToImageData = (buffer, width, height) => {
+	    const clampBuffer = new Uint8ClampedArray(buffer);
+	    const flipClampBuffer = new Uint8ClampedArray(buffer.length);
+	    for (let i = height - 1; i >= 0; i--) {
+	        for (let j = 0; j < width; j++) {
+	            const sourceIdx = i * width * 4 + j * 4;
+	            const targetIdx = (height - i) * width * 4 + j * 4;
+	            flipClampBuffer[targetIdx] = clampBuffer[sourceIdx];
+	            flipClampBuffer[targetIdx + 1] = clampBuffer[sourceIdx + 1];
+	            flipClampBuffer[targetIdx + 2] = clampBuffer[sourceIdx + 2];
+	            flipClampBuffer[targetIdx + 3] = clampBuffer[sourceIdx + 3];
 	        }
-	        return this.y2 - this.y1;
-	    }
-	    scaleX(s = 0) {
-	        this.x1 *= s;
-	        this.x2 *= s;
-	        return this;
-	    }
-	    scaleY(s = 0) {
-	        this.y1 *= s;
-	        this.y2 *= s;
-	        return this;
-	    }
-	    transformWithMatrix(matrix) {
-	        transformBoundsWithMatrix(this, this, matrix);
-	        return this;
-	    }
-	    copy(b) {
-	        this.x1 = b.x1;
-	        this.y1 = b.y1;
-	        this.x2 = b.x2;
-	        this.y2 = b.y2;
-	        return this;
-	    }
-	    rotatedPoints(angle, x, y) {
-	        const { x1, y1, x2, y2 } = this;
-	        const cos = Math.cos(angle);
-	        const sin = Math.sin(angle);
-	        const cx = x - x * cos + y * sin;
-	        const cy = y - x * sin - y * cos;
-	        return [
-	            cos * x1 - sin * y1 + cx,
-	            sin * x1 + cos * y1 + cy,
-	            cos * x1 - sin * y2 + cx,
-	            sin * x1 + cos * y2 + cy,
-	            cos * x2 - sin * y1 + cx,
-	            sin * x2 + cos * y1 + cy,
-	            cos * x2 - sin * y2 + cx,
-	            sin * x2 + cos * y2 + cy
-	        ];
-	    }
-	    scalePoints(sx, sy, x, y) {
-	        const { x1, y1, x2, y2 } = this;
-	        return [sx * x1 + (1 - sx) * x, sy * y1 + (1 - sy) * y, sx * x2 + (1 - sx) * x, sy * y2 + (1 - sy) * y];
 	    }
-	}
-	class AABBBounds extends Bounds {
-	}
-	class OBBBounds extends Bounds {
-	}
+	    return new ImageData(flipClampBuffer, width, height);
+	};
 
 	function degreeToRadian(degree) {
 	    return degree * (Math.PI / 180);
@@ -2320,16 +2092,16 @@
 	        }
 	        else {
 	            if (sin > 0) {
-	                radiusList.push(Math.abs((height - y) / cos));
+	                radiusList.push(Math.abs((height - y) / sin));
 	            }
 	            else {
-	                radiusList.push(Math.abs(y / cos));
+	                radiusList.push(Math.abs(y / sin));
 	            }
 	            if (cos > 0) {
-	                radiusList.push(Math.abs((width - x) / sin));
+	                radiusList.push(Math.abs((width - x) / cos));
 	            }
 	            else {
-	                radiusList.push(Math.abs(x / sin));
+	                radiusList.push(Math.abs(x / cos));
 	            }
 	        }
 	    });
@@ -2349,2051 +2121,2293 @@
 	    return 1;
 	}
 
-	class Matrix {
-	    constructor(a = 1, b = 0, c = 0, d = 1, e = 0, f = 0) {
-	        this.a = a;
-	        this.b = b;
-	        this.c = c;
-	        this.d = d;
-	        this.e = e;
-	        this.f = f;
-	    }
-	    equalToMatrix(m2) {
-	        return !(this.e !== m2.e ||
-	            this.f !== m2.f ||
-	            this.a !== m2.a ||
-	            this.d !== m2.d ||
-	            this.b !== m2.b ||
-	            this.c !== m2.c);
+	function sub(out, v1, v2) {
+	    out[0] = v1[0] - v2[0];
+	    out[1] = v1[1] - v2[1];
+	}
+	function isIntersect(left1, right1, left2, right2) {
+	    let min1 = left1[0];
+	    let max1 = right1[0];
+	    let min2 = left2[0];
+	    let max2 = right2[0];
+	    if (max1 < min1) {
+	        [min1, max1] = [max1, min1];
 	    }
-	    equalTo(a, b, c, d, e, f) {
-	        return !(this.e !== e || this.f !== f || this.a !== a || this.d !== d || this.b !== b || this.c !== c);
+	    if (max2 < min2) {
+	        [max2, min2] = [min2, max2];
 	    }
-	    setValue(a, b, c, d, e, f) {
-	        this.a = a;
-	        this.b = b;
-	        this.c = c;
-	        this.d = d;
-	        this.e = e;
-	        this.f = f;
-	        return this;
+	    if (max1 < min2 || max2 < min1) {
+	        return false;
 	    }
-	    reset() {
-	        this.a = 1;
-	        this.b = 0;
-	        this.c = 0;
-	        this.d = 1;
-	        this.e = 0;
-	        this.f = 0;
-	        return this;
+	    (min1 = left1[1]), (max1 = right1[1]), (min2 = left2[1]), (max2 = right2[1]);
+	    if (max1 < min1) {
+	        [min1, max1] = [max1, min1];
 	    }
-	    getInverse() {
-	        const a = this.a;
-	        const b = this.b;
-	        const c = this.c;
-	        const d = this.d;
-	        const e = this.e;
-	        const f = this.f;
-	        const m = new Matrix();
-	        const dt = a * d - b * c;
-	        m.a = d / dt;
-	        m.b = -b / dt;
-	        m.c = -c / dt;
-	        m.d = a / dt;
-	        m.e = (c * f - d * e) / dt;
-	        m.f = -(a * f - b * e) / dt;
-	        return m;
+	    if (max2 < min2) {
+	        [max2, min2] = [min2, max2];
 	    }
-	    rotate(rad) {
-	        const c = Math.cos(rad);
-	        const s = Math.sin(rad);
-	        const m11 = this.a * c + this.c * s;
-	        const m12 = this.b * c + this.d * s;
-	        const m21 = this.a * -s + this.c * c;
-	        const m22 = this.b * -s + this.d * c;
-	        this.a = m11;
-	        this.b = m12;
-	        this.c = m21;
-	        this.d = m22;
-	        return this;
+	    if (max1 < min2 || max2 < min1) {
+	        return false;
 	    }
-	    rotateByCenter(rad, cx, cy) {
-	        const cos = Math.cos(rad);
-	        const sin = Math.sin(rad);
-	        const rotateM13 = (1 - cos) * cx + sin * cy;
-	        const rotateM23 = (1 - cos) * cy - sin * cx;
-	        const m11 = cos * this.a - sin * this.b;
-	        const m21 = sin * this.a + cos * this.b;
-	        const m12 = cos * this.c - sin * this.d;
-	        const m22 = sin * this.c + cos * this.d;
-	        const m13 = cos * this.e - sin * this.f + rotateM13;
-	        const m23 = sin * this.e + cos * this.f + rotateM23;
-	        this.a = m11;
-	        this.b = m21;
-	        this.c = m12;
-	        this.d = m22;
-	        this.e = m13;
-	        this.f = m23;
-	        return this;
+	    return true;
+	}
+	function getIntersectPoint(left1, right1, left2, right2) {
+	    if (!isIntersect(left1, right1, left2, right2)) {
+	        return false;
 	    }
-	    scale(sx, sy) {
-	        this.a *= sx;
-	        this.b *= sx;
-	        this.c *= sy;
-	        this.d *= sy;
-	        return this;
+	    const dir1 = [0, 0];
+	    const dir2 = [0, 0];
+	    const tempVec = [0, 0];
+	    sub(dir1, right1, left1);
+	    sub(dir2, right2, left2);
+	    if (fuzzyEqualVec(dir1, dir2)) {
+	        return true;
 	    }
-	    setScale(sx, sy) {
-	        this.b = (this.b / this.a) * sx;
-	        this.c = (this.c / this.d) * sy;
-	        this.a = sx;
-	        this.d = sy;
-	        return this;
+	    sub(tempVec, left2, left1);
+	    const t = crossProduct(tempVec, dir2) / crossProduct(dir1, dir2);
+	    if (t >= 0 && t <= 1) {
+	        return [left1[0] + dir1[0] * t, left1[1] + dir1[1] * t];
 	    }
-	    transform(a, b, c, d, e, f) {
-	        this.multiply(a, b, c, d, e, f);
-	        return this;
+	    return false;
+	}
+	function getRectIntersect(bbox1, bbox2, format) {
+	    if (bbox1 === null) {
+	        return bbox2;
 	    }
-	    translate(x, y) {
-	        this.e += this.a * x + this.c * y;
-	        this.f += this.b * x + this.d * y;
-	        return this;
+	    if (bbox2 === null) {
+	        return bbox1;
 	    }
-	    transpose() {
-	        const { a, b, c, d, e, f } = this;
-	        this.a = b;
-	        this.b = a;
-	        this.c = d;
-	        this.d = c;
-	        this.e = f;
-	        this.f = e;
-	        return this;
+	    const { x11, x12, y11, y12, x21, x22, y21, y22 } = formatTwoBBox(bbox1, bbox2, format);
+	    if (x11 >= x22 || x12 <= x21 || y11 >= y22 || y12 <= y21) {
+	        return { x1: 0, y1: 0, x2: 0, y2: 0 };
 	    }
-	    multiply(a2, b2, c2, d2, e2, f2) {
-	        const a1 = this.a;
-	        const b1 = this.b;
-	        const c1 = this.c;
-	        const d1 = this.d;
-	        const e1 = this.e;
-	        const f1 = this.f;
-	        const m11 = a1 * a2 + c1 * b2;
-	        const m12 = b1 * a2 + d1 * b2;
-	        const m21 = a1 * c2 + c1 * d2;
-	        const m22 = b1 * c2 + d1 * d2;
-	        const dx = a1 * e2 + c1 * f2 + e1;
-	        const dy = b1 * e2 + d1 * f2 + f1;
-	        this.a = m11;
-	        this.b = m12;
-	        this.c = m21;
-	        this.d = m22;
-	        this.e = dx;
-	        this.f = dy;
-	        return this;
+	    return { x1: Math.max(x11, x21), y1: Math.max(y11, y21), x2: Math.min(x12, x22), y2: Math.min(y12, y22) };
+	}
+	exports.InnerBBox = void 0;
+	(function (InnerBBox) {
+	    InnerBBox[InnerBBox["NONE"] = 0] = "NONE";
+	    InnerBBox[InnerBBox["BBOX1"] = 1] = "BBOX1";
+	    InnerBBox[InnerBBox["BBOX2"] = 2] = "BBOX2";
+	})(exports.InnerBBox || (exports.InnerBBox = {}));
+	const formatTwoBBox = (bbox1, bbox2, format) => {
+	    let x11 = bbox1.x1;
+	    let x12 = bbox1.x2;
+	    let y11 = bbox1.y1;
+	    let y12 = bbox1.y2;
+	    let x21 = bbox2.x1;
+	    let x22 = bbox2.x2;
+	    let y21 = bbox2.y1;
+	    let y22 = bbox2.y2;
+	    if (format) {
+	        if (x11 > x12) {
+	            [x11, x12] = [x12, x11];
+	        }
+	        if (y11 > y12) {
+	            [y11, y12] = [y12, y11];
+	        }
+	        if (x21 > x22) {
+	            [x21, x22] = [x22, x21];
+	        }
+	        if (y21 > y22) {
+	            [y21, y22] = [y22, y21];
+	        }
 	    }
-	    interpolate(m2, t) {
-	        const m = new Matrix();
-	        m.a = this.a + (m2.a - this.a) * t;
-	        m.b = this.b + (m2.b - this.b) * t;
-	        m.c = this.c + (m2.c - this.c) * t;
-	        m.d = this.d + (m2.d - this.d) * t;
-	        m.e = this.e + (m2.e - this.e) * t;
-	        m.f = this.f + (m2.f - this.f) * t;
-	        return m;
+	    return { x11, x12, y11, y12, x21, x22, y21, y22 };
+	};
+	function rectInsideAnotherRect(bbox1, bbox2, format) {
+	    if (!bbox1 || !bbox2) {
+	        return exports.InnerBBox.NONE;
 	    }
-	    transformPoint(source, target) {
-	        const { a, b, c, d, e, f } = this;
-	        const dt = a * d - b * c;
-	        const nextA = d / dt;
-	        const nextB = -b / dt;
-	        const nextC = -c / dt;
-	        const nextD = a / dt;
-	        const nextE = (c * f - d * e) / dt;
-	        const nextF = -(a * f - b * e) / dt;
-	        const { x, y } = source;
-	        target.x = x * nextA + y * nextC + nextE;
-	        target.y = x * nextB + y * nextD + nextF;
+	    const { x11, x12, y11, y12, x21, x22, y21, y22 } = formatTwoBBox(bbox1, bbox2, format);
+	    if (x11 > x21 && x12 < x22 && y11 > y21 && y12 < y22) {
+	        return exports.InnerBBox.BBOX1;
 	    }
-	    onlyTranslate(scale = 1) {
-	        return this.a === scale && this.b === 0 && this.c === 0 && this.d === scale;
+	    if (x21 > x11 && x22 < x12 && y21 > y11 && y22 < y12) {
+	        return exports.InnerBBox.BBOX2;
 	    }
-	    clone() {
-	        return new Matrix(this.a, this.b, this.c, this.d, this.e, this.f);
-	    }
-	    toTransformAttrs() {
-	        const a = this.a;
-	        const b = this.b;
-	        const c = this.c;
-	        const d = this.d;
-	        const e = this.e;
-	        const f = this.f;
-	        const delta = a * d - b * c;
-	        const result = {
-	            x: e,
-	            y: f,
-	            rotateDeg: 0,
-	            scaleX: 0,
-	            scaleY: 0,
-	            skewX: 0,
-	            skewY: 0
-	        };
-	        if (a !== 0 || b !== 0) {
-	            const r = Math.sqrt(a * a + b * b);
-	            result.rotateDeg = b > 0 ? Math.acos(a / r) : -Math.acos(a / r);
-	            result.scaleX = r;
-	            result.scaleY = delta / r;
-	            result.skewX = (a * c + b * d) / delta;
-	            result.skewY = 0;
-	        }
-	        else if (c !== 0 || d !== 0) {
-	            const s = Math.sqrt(c * c + d * d);
-	            result.rotateDeg = Math.PI / 2 - (d > 0 ? Math.acos(-c / s) : -Math.acos(c / s));
-	            result.scaleX = delta / s;
-	            result.scaleY = s;
-	            result.skewX = 0;
-	            result.skewY = (a * c + b * d) / delta;
-	        }
-	        else ;
-	        result.rotateDeg = radianToDegree(result.rotateDeg);
-	        return result;
+	    return exports.InnerBBox.NONE;
+	}
+	function isRectIntersect(bbox1, bbox2, format) {
+	    if (bbox1 && bbox2) {
+	        if (!format) {
+	            if (bbox1.x1 > bbox2.x2 || bbox1.x2 < bbox2.x1 || bbox1.y1 > bbox2.y2 || bbox1.y2 < bbox2.y1) {
+	                return false;
+	            }
+	            return true;
+	        }
+	        const { x11, x12, y11, y12, x21, x22, y21, y22 } = formatTwoBBox(bbox1, bbox2, true);
+	        if (x11 > x22 || x12 < x21 || y11 > y22 || y12 < y21) {
+	            return false;
+	        }
+	        return true;
 	    }
+	    return true;
 	}
-	function normalTransform(out, origin, x, y, scaleX, scaleY, angle, rotateCenter) {
-	    const oa = origin.a;
-	    const ob = origin.b;
-	    const oc = origin.c;
-	    const od = origin.d;
-	    const oe = origin.e;
-	    const of = origin.f;
-	    const cosTheta = cos(angle);
-	    const sinTheta = sin(angle);
-	    let rotateCenterX;
-	    let rotateCenterY;
-	    if (rotateCenter) {
-	        rotateCenterX = rotateCenter[0];
-	        rotateCenterY = rotateCenter[1];
+	function pointInRect(point, bbox, format) {
+	    if (!bbox) {
+	        return true;
 	    }
-	    else {
-	        rotateCenterX = x;
-	        rotateCenterY = y;
+	    if (!format) {
+	        return point.x >= bbox.x1 && point.x <= bbox.x2 && point.y >= bbox.y1 && point.y <= bbox.y2;
 	    }
-	    const offsetX = rotateCenterX - x;
-	    const offsetY = rotateCenterY - y;
-	    const a1 = oa * cosTheta + oc * sinTheta;
-	    const b1 = ob * cosTheta + od * sinTheta;
-	    const c1 = oc * cosTheta - oa * sinTheta;
-	    const d1 = od * cosTheta - ob * sinTheta;
-	    out.a = scaleX * a1;
-	    out.b = scaleX * b1;
-	    out.c = scaleY * c1;
-	    out.d = scaleY * d1;
-	    out.e = oe + oa * rotateCenterX + oc * rotateCenterY - a1 * offsetX - c1 * offsetY;
-	    out.f = of + ob * rotateCenterX + od * rotateCenterY - b1 * offsetX - d1 * offsetY;
-	}
-
-	class LRU {
-	    constructor() {
-	        this.CLEAN_THRESHOLD = 1e3;
-	        this.L_TIME = 1000;
-	        this.R_COUNT = 1;
-	        this.R_TIMESTAMP_MAX_SIZE = 20;
+	    let x11 = bbox.x1;
+	    let x12 = bbox.x2;
+	    let y11 = bbox.y1;
+	    let y12 = bbox.y2;
+	    if (x11 > x12) {
+	        [x11, x12] = [x12, x11];
 	    }
-	    clearCache(cache, params) {
-	        const { CLEAN_THRESHOLD = this.CLEAN_THRESHOLD, L_TIME = this.L_TIME, R_COUNT = this.R_COUNT } = params;
-	        if (cache.size < CLEAN_THRESHOLD) {
-	            return 0;
-	        }
-	        let clearNum = 0;
-	        const clear = (key) => {
-	            clearNum++;
-	            cache.delete(key);
-	        };
-	        const now = Date.now();
-	        cache.forEach((item, key) => {
-	            if (item.timestamp.length < R_COUNT) {
-	                return clear(key);
+	    if (y11 > y12) {
+	        [y11, y12] = [y12, y11];
+	    }
+	    return point.x >= x11 && point.x <= x12 && point.y >= y11 && point.y <= y12;
+	}
+	function getProjectionRadius(checkAxis, axis) {
+	    return Math.abs(axis[0] * checkAxis[0] + axis[1] * checkAxis[1]);
+	}
+	function rotatePoint({ x, y }, rad, origin = { x: 0, y: 0 }) {
+	    return {
+	        x: (x - origin.x) * Math.cos(rad) - (y - origin.y) * Math.sin(rad) + origin.x,
+	        y: (x - origin.x) * Math.sin(rad) + (y - origin.y) * Math.cos(rad) + origin.y
+	    };
+	}
+	function getCenterPoint(box) {
+	    return {
+	        x: (box.x1 + box.x2) / 2,
+	        y: (box.y1 + box.y2) / 2
+	    };
+	}
+	function toRect(box, isDeg) {
+	    const deg = isDeg ? degreeToRadian(box.angle) : box.angle;
+	    const cp = getCenterPoint(box);
+	    return [
+	        rotatePoint({
+	            x: box.x1,
+	            y: box.y1
+	        }, deg, cp),
+	        rotatePoint({
+	            x: box.x2,
+	            y: box.y1
+	        }, deg, cp),
+	        rotatePoint({
+	            x: box.x2,
+	            y: box.y2
+	        }, deg, cp),
+	        rotatePoint({
+	            x: box.x1,
+	            y: box.y2
+	        }, deg, cp)
+	    ];
+	}
+	function isRotateAABBIntersect(box1, box2, isDeg = false, ctx) {
+	    const rect1 = toRect(box1, isDeg);
+	    const rect2 = toRect(box2, isDeg);
+	    const vector = (start, end) => {
+	        return [end.x - start.x, end.y - start.y];
+	    };
+	    if (ctx) {
+	        ctx.save();
+	        ctx.fillStyle = 'red';
+	        ctx.globalAlpha = 0.6;
+	        rect1.forEach((item, index) => {
+	            if (index === 0) {
+	                ctx.moveTo(item.x, item.y);
 	            }
-	            let useCount = 0;
-	            while (now - item.timestamp[item.timestamp.length - 1 - useCount] < L_TIME) {
-	                useCount++;
-	                if (useCount >= R_COUNT) {
-	                    break;
-	                }
+	            else {
+	                ctx.lineTo(item.x, item.y);
 	            }
-	            if (useCount < R_COUNT) {
-	                return clear(key);
+	        });
+	        ctx.fill();
+	        ctx.restore();
+	        ctx.save();
+	        ctx.fillStyle = 'green';
+	        ctx.globalAlpha = 0.6;
+	        rect2.forEach((item, index) => {
+	            if (index === 0) {
+	                ctx.moveTo(item.x, item.y);
 	            }
-	            while (now - item.timestamp[0] > L_TIME) {
-	                item.timestamp.shift();
+	            else {
+	                ctx.lineTo(item.x, item.y);
 	            }
-	            return;
 	        });
-	        return clearNum;
-	    }
-	    addLimitedTimestamp(cacheItem, t, params) {
-	        const { R_TIMESTAMP_MAX_SIZE = this.R_TIMESTAMP_MAX_SIZE } = params;
-	        if (cacheItem.timestamp.length > R_TIMESTAMP_MAX_SIZE) {
-	            cacheItem.timestamp.shift();
-	        }
-	        cacheItem.timestamp.push(t);
+	        ctx.fill();
+	        ctx.restore();
 	    }
-	    clearTimeStamp(cache, params) {
-	        const { L_TIME = this.L_TIME } = params;
-	        const now = Date.now();
-	        cache.forEach(item => {
-	            while (now - item.timestamp[0] > L_TIME) {
-	                item.timestamp.shift();
-	            }
-	        });
+	    const p1 = getCenterPoint(box1);
+	    const p2 = getCenterPoint(box2);
+	    ctx && ctx.fillRect(p1.x, p1.y, 2, 2);
+	    ctx && ctx.fillRect(p2.x, p2.y, 2, 2);
+	    const vp1p2 = vector(p1, p2);
+	    const AB = vector(rect1[0], rect1[1]);
+	    const BC = vector(rect1[1], rect1[2]);
+	    const A1B1 = vector(rect2[0], rect2[1]);
+	    const B1C1 = vector(rect2[1], rect2[2]);
+	    const deg11 = isDeg ? degreeToRadian(box1.angle) : box1.angle;
+	    let deg12 = isDeg ? degreeToRadian(90 - box1.angle) : box1.angle + halfPi;
+	    const deg21 = isDeg ? degreeToRadian(box2.angle) : box2.angle;
+	    let deg22 = isDeg ? degreeToRadian(90 - box2.angle) : box2.angle + halfPi;
+	    if (deg12 > pi2) {
+	        deg12 -= pi2;
 	    }
-	    clearItemTimestamp(cacheItem, params) {
-	        const { L_TIME = this.L_TIME } = params;
-	        const now = Date.now();
-	        while (now - cacheItem.timestamp[0] > L_TIME) {
-	            cacheItem.timestamp.shift();
-	        }
+	    if (deg22 > pi2) {
+	        deg22 -= pi2;
 	    }
+	    const isCover = (checkAxisRadius, deg, targetAxis1, targetAxis2) => {
+	        const checkAxis = [Math.cos(deg), Math.sin(deg)];
+	        const targetAxisRadius = (getProjectionRadius(checkAxis, targetAxis1) + getProjectionRadius(checkAxis, targetAxis2)) / 2;
+	        const centerPointRadius = getProjectionRadius(checkAxis, vp1p2);
+	        return checkAxisRadius + targetAxisRadius > centerPointRadius;
+	    };
+	    return (isCover((box1.x2 - box1.x1) / 2, deg11, A1B1, B1C1) &&
+	        isCover((box1.y2 - box1.y1) / 2, deg12, A1B1, B1C1) &&
+	        isCover((box2.x2 - box2.x1) / 2, deg21, AB, BC) &&
+	        isCover((box2.y2 - box2.y1) / 2, deg22, AB, BC));
 	}
 
-	function hslToRgb(h, s, l) {
-	    s /= 100;
-	    l /= 100;
-	    const c = (1 - Math.abs(2 * l - 1)) * s;
-	    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
-	    const m = l - c / 2;
-	    let r = 0;
-	    let g = 0;
-	    let b = 0;
-	    if (0 <= h && h < 60) {
-	        r = c;
-	        g = x;
-	        b = 0;
-	    }
-	    else if (60 <= h && h < 120) {
-	        r = x;
-	        g = c;
-	        b = 0;
-	    }
-	    else if (120 <= h && h < 180) {
-	        r = 0;
-	        g = c;
-	        b = x;
-	    }
-	    else if (180 <= h && h < 240) {
-	        r = 0;
-	        g = x;
-	        b = c;
-	    }
-	    else if (240 <= h && h < 300) {
-	        r = x;
-	        g = 0;
-	        b = c;
-	    }
-	    else if (300 <= h && h < 360) {
-	        r = c;
-	        g = 0;
-	        b = x;
-	    }
-	    r = Math.round((r + m) * 255);
-	    g = Math.round((g + m) * 255);
-	    b = Math.round((b + m) * 255);
-	    return { r, g, b };
+	let x1;
+	let y1;
+	let x2;
+	let y2;
+	function getAABBFromPoints(points) {
+	    (x1 = Infinity), (y1 = Infinity), (x2 = -Infinity), (y2 = -Infinity);
+	    points.forEach(point => {
+	        if (x1 > point.x) {
+	            x1 = point.x;
+	        }
+	        if (x2 < point.x) {
+	            x2 = point.x;
+	        }
+	        if (y1 > point.y) {
+	            y1 = point.y;
+	        }
+	        if (y2 < point.y) {
+	            y2 = point.y;
+	        }
+	    });
+	    return { x1, y1, x2, y2 };
 	}
-
-	function rgbToHsl(r, g, b) {
-	    r /= 255;
-	    g /= 255;
-	    b /= 255;
-	    const cMin = Math.min(r, g, b);
-	    const cMax = Math.max(r, g, b);
-	    const delta = cMax - cMin;
-	    let h = 0;
-	    let s = 0;
-	    let l = 0;
-	    if (delta === 0) {
-	        h = 0;
-	    }
-	    else if (cMax === r) {
-	        h = ((g - b) / delta) % 6;
+	function pointInAABB(point, aabb) {
+	    return pointInRect(point, aabb, false);
+	}
+	function unionAABB(bounds1, bounds2, buffer = 3, format = false) {
+	    let x11 = bounds1.x1;
+	    let x12 = bounds1.x2;
+	    let y11 = bounds1.y1;
+	    let y12 = bounds1.y2;
+	    let x21 = bounds2.x1;
+	    let x22 = bounds2.x2;
+	    let y21 = bounds2.y1;
+	    let y22 = bounds2.y2;
+	    if (format) {
+	        let temp;
+	        if (x11 > x12) {
+	            temp = x11;
+	            x11 = x12;
+	            x12 = temp;
+	        }
+	        if (y11 > y12) {
+	            temp = y11;
+	            y11 = y12;
+	            y12 = temp;
+	        }
+	        if (x21 > x22) {
+	            temp = x21;
+	            x21 = x22;
+	            x22 = temp;
+	        }
+	        if (y21 > y22) {
+	            temp = y21;
+	            y21 = y22;
+	            y22 = temp;
+	        }
 	    }
-	    else if (cMax === g) {
-	        h = (b - r) / delta + 2;
+	    if (x11 >= x22 || x12 <= x21 || y11 >= y22 || y12 <= y21) {
+	        return [bounds1, bounds2];
 	    }
-	    else {
-	        h = (r - g) / delta + 4;
+	    const area1 = (x12 - x11 + buffer * 2) * (y12 - y11 + buffer * 2);
+	    const area2 = (x22 - x21 + buffer * 2) * (y22 - y21 + buffer * 2);
+	    const x1 = Math.min(x11, x21);
+	    const y1 = Math.min(y11, y21);
+	    const x2 = Math.max(x12, x22);
+	    const y2 = Math.max(y12, y22);
+	    const unionArea = (x2 - x1) * (y2 - y1);
+	    if (area1 + area2 > unionArea) {
+	        return [{ x1, x2, y1, y2 }];
 	    }
-	    h = Math.round(h * 60);
-	    if (h < 0) {
-	        h += 360;
+	    return [bounds1, bounds2];
+	}
+	function mergeAABB(boundsList) {
+	    const nextList = [];
+	    function _merge(baseBound, list) {
+	        const l = [];
+	        list.forEach(b => {
+	            let arr;
+	            if ((arr = unionAABB(baseBound, b)).length > 1) {
+	                l.push(b);
+	                return;
+	            }
+	            baseBound = arr[0];
+	        });
+	        nextList.push(baseBound);
+	        l.length && _merge(l[0], l.slice(1));
 	    }
-	    l = (cMax + cMin) / 2;
-	    s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
-	    s = +(s * 100).toFixed(1);
-	    l = +(l * 100).toFixed(1);
+	    _merge(boundsList[0], boundsList.slice(1));
+	    return nextList;
+	}
+
+	let dirX;
+	let dirY;
+	let normalX;
+	let normalY;
+	let len;
+	let lineWidthDiv2;
+	let width;
+	let height;
+	function getOBBFromLine(point1, point2, lineWidth) {
+	    dirX = point2.x - point1.x;
+	    dirY = point2.y - point1.y;
+	    (normalX = dirY), (normalY = -dirX);
+	    width = len = Math.sqrt(normalX * normalX + normalY * normalY);
+	    height = lineWidth;
+	    normalX /= len;
+	    normalY /= len;
+	    lineWidthDiv2 = lineWidth / 2;
+	    dirX = lineWidthDiv2 * normalX;
+	    dirY = lineWidthDiv2 * normalY;
+	    const point11 = { x: point1.x + dirX, y: point1.y + dirY };
+	    const point12 = { x: point1.x - dirX, y: point1.y - dirY };
+	    const point13 = { x: point2.x + dirX, y: point2.y + dirY };
+	    const point14 = { x: point2.x - dirX, y: point2.y - dirY };
 	    return {
-	        h,
-	        s,
-	        l
+	        point1: point11,
+	        point2: point12,
+	        point3: point13,
+	        point4: point14,
+	        width,
+	        height,
+	        left: Math.min(point1.x, point2.x) - Math.abs(dirX),
+	        top: Math.min(point1.y, point2.y) - Math.abs(dirY)
 	    };
 	}
+	const point1 = { x: 0, y: 0 };
+	const point2 = { x: 0, y: 0 };
+	function pointInOBB(point, obb) {
+	    point1.x = (obb.point1.x + obb.point2.x) / 2;
+	    point1.y = (obb.point1.y + obb.point2.y) / 2;
+	    point2.x = (obb.point3.x + obb.point4.x) / 2;
+	    point2.y = (obb.point3.y + obb.point4.y) / 2;
+	    return pointInLine(point, point1, point2, obb.height);
+	}
+	function pointInLine(point, point1, point2, lineWidth) {
+	    return lengthFromPointToLine(point, point1, point2) <= lineWidth / 2 && pointBetweenLine(point, point1, point2);
+	}
+	const dir1 = { x: 0, y: 0 };
+	const dir2 = { x: 0, y: 0 };
+	const normal = { x: 0, y: 0 };
+	function pointBetweenLine(point, point1, point2) {
+	    dir1.x = point1.x - point.x;
+	    dir1.y = point1.y - point.y;
+	    dir2.x = point2.x - point.x;
+	    dir2.y = point2.y - point.y;
+	    normal.x = point1.y - point2.y;
+	    normal.y = point2.x - point1.x;
+	    return crossProductPoint(dir1, normal) * crossProductPoint(dir2, normal) < 0;
+	}
 
-	const REG_HEX = /^#([0-9a-f]{3,8})$/;
-	const DEFAULT_COLORS_OPACITY = {
-	    transparent: 0xffffff00
-	};
-	const DEFAULT_COLORS = {
-	    aliceblue: 0xf0f8ff,
-	    antiquewhite: 0xfaebd7,
-	    aqua: 0x00ffff,
-	    aquamarine: 0x7fffd4,
-	    azure: 0xf0ffff,
-	    beige: 0xf5f5dc,
-	    bisque: 0xffe4c4,
-	    black: 0x000000,
-	    blanchedalmond: 0xffebcd,
-	    blue: 0x0000ff,
-	    blueviolet: 0x8a2be2,
-	    brown: 0xa52a2a,
-	    burlywood: 0xdeb887,
-	    cadetblue: 0x5f9ea0,
-	    chartreuse: 0x7fff00,
-	    chocolate: 0xd2691e,
-	    coral: 0xff7f50,
-	    cornflowerblue: 0x6495ed,
-	    cornsilk: 0xfff8dc,
-	    crimson: 0xdc143c,
-	    cyan: 0x00ffff,
-	    darkblue: 0x00008b,
-	    darkcyan: 0x008b8b,
-	    darkgoldenrod: 0xb8860b,
-	    darkgray: 0xa9a9a9,
-	    darkgreen: 0x006400,
-	    darkgrey: 0xa9a9a9,
-	    darkkhaki: 0xbdb76b,
-	    darkmagenta: 0x8b008b,
-	    darkolivegreen: 0x556b2f,
-	    darkorange: 0xff8c00,
-	    darkorchid: 0x9932cc,
-	    darkred: 0x8b0000,
-	    darksalmon: 0xe9967a,
-	    darkseagreen: 0x8fbc8f,
-	    darkslateblue: 0x483d8b,
-	    darkslategray: 0x2f4f4f,
-	    darkslategrey: 0x2f4f4f,
-	    darkturquoise: 0x00ced1,
-	    darkviolet: 0x9400d3,
-	    deeppink: 0xff1493,
-	    deepskyblue: 0x00bfff,
-	    dimgray: 0x696969,
-	    dimgrey: 0x696969,
-	    dodgerblue: 0x1e90ff,
-	    firebrick: 0xb22222,
-	    floralwhite: 0xfffaf0,
-	    forestgreen: 0x228b22,
-	    fuchsia: 0xff00ff,
-	    gainsboro: 0xdcdcdc,
-	    ghostwhite: 0xf8f8ff,
-	    gold: 0xffd700,
-	    goldenrod: 0xdaa520,
-	    gray: 0x808080,
-	    green: 0x008000,
-	    greenyellow: 0xadff2f,
-	    grey: 0x808080,
-	    honeydew: 0xf0fff0,
-	    hotpink: 0xff69b4,
-	    indianred: 0xcd5c5c,
-	    indigo: 0x4b0082,
-	    ivory: 0xfffff0,
-	    khaki: 0xf0e68c,
-	    lavender: 0xe6e6fa,
-	    lavenderblush: 0xfff0f5,
-	    lawngreen: 0x7cfc00,
-	    lemonchiffon: 0xfffacd,
-	    lightblue: 0xadd8e6,
-	    lightcoral: 0xf08080,
-	    lightcyan: 0xe0ffff,
-	    lightgoldenrodyellow: 0xfafad2,
-	    lightgray: 0xd3d3d3,
-	    lightgreen: 0x90ee90,
-	    lightgrey: 0xd3d3d3,
-	    lightpink: 0xffb6c1,
-	    lightsalmon: 0xffa07a,
-	    lightseagreen: 0x20b2aa,
-	    lightskyblue: 0x87cefa,
-	    lightslategray: 0x778899,
-	    lightslategrey: 0x778899,
-	    lightsteelblue: 0xb0c4de,
-	    lightyellow: 0xffffe0,
-	    lime: 0x00ff00,
-	    limegreen: 0x32cd32,
-	    linen: 0xfaf0e6,
-	    magenta: 0xff00ff,
-	    maroon: 0x800000,
-	    mediumaquamarine: 0x66cdaa,
-	    mediumblue: 0x0000cd,
-	    mediumorchid: 0xba55d3,
-	    mediumpurple: 0x9370db,
-	    mediumseagreen: 0x3cb371,
-	    mediumslateblue: 0x7b68ee,
-	    mediumspringgreen: 0x00fa9a,
-	    mediumturquoise: 0x48d1cc,
-	    mediumvioletred: 0xc71585,
-	    midnightblue: 0x191970,
-	    mintcream: 0xf5fffa,
-	    mistyrose: 0xffe4e1,
-	    moccasin: 0xffe4b5,
-	    navajowhite: 0xffdead,
-	    navy: 0x000080,
-	    oldlace: 0xfdf5e6,
-	    olive: 0x808000,
-	    olivedrab: 0x6b8e23,
-	    orange: 0xffa500,
-	    orangered: 0xff4500,
-	    orchid: 0xda70d6,
-	    palegoldenrod: 0xeee8aa,
-	    palegreen: 0x98fb98,
-	    paleturquoise: 0xafeeee,
-	    palevioletred: 0xdb7093,
-	    papayawhip: 0xffefd5,
-	    peachpuff: 0xffdab9,
-	    peru: 0xcd853f,
-	    pink: 0xffc0cb,
-	    plum: 0xdda0dd,
-	    powderblue: 0xb0e0e6,
-	    purple: 0x800080,
-	    rebeccapurple: 0x663399,
-	    red: 0xff0000,
-	    rosybrown: 0xbc8f8f,
-	    royalblue: 0x4169e1,
-	    saddlebrown: 0x8b4513,
-	    salmon: 0xfa8072,
-	    sandybrown: 0xf4a460,
-	    seagreen: 0x2e8b57,
-	    seashell: 0xfff5ee,
-	    sienna: 0xa0522d,
-	    silver: 0xc0c0c0,
-	    skyblue: 0x87ceeb,
-	    slateblue: 0x6a5acd,
-	    slategray: 0x708090,
-	    slategrey: 0x708090,
-	    snow: 0xfffafa,
-	    springgreen: 0x00ff7f,
-	    steelblue: 0x4682b4,
-	    tan: 0xd2b48c,
-	    teal: 0x008080,
-	    thistle: 0xd8bfd8,
-	    tomato: 0xff6347,
-	    turquoise: 0x40e0d0,
-	    violet: 0xee82ee,
-	    wheat: 0xf5deb3,
-	    white: 0xffffff,
-	    whitesmoke: 0xf5f5f5,
-	    yellow: 0xffff00,
-	    yellowgreen: 0x9acd32
-	};
-	function hex(value) {
-	    value = Math.max(0, Math.min(255, Math.round(value) || 0));
-	    return (value < 16 ? '0' : '') + value.toString(16);
-	}
-	function rgb(value) {
-	    if (isNumber(value)) {
-	        return new RGB(value >> 16, (value >> 8) & 0xff, value & 0xff, 1);
-	    }
-	    else if (isArray(value)) {
-	        return new RGB(value[0], value[1], value[2]);
-	    }
-	    return new RGB(255, 255, 255);
-	}
-	function rgba(value) {
-	    if (isNumber(value)) {
-	        return new RGB(value >>> 24, (value >>> 16) & 0xff, (value >>> 8) & 0xff, value & 0xff);
-	    }
-	    else if (isArray(value)) {
-	        return new RGB(value[0], value[1], value[2], value[3]);
-	    }
-	    return new RGB(255, 255, 255, 1);
-	}
-	function SRGBToLinear(c) {
-	    return c < 0.04045 ? c * 0.0773993808 : Math.pow(c * 0.9478672986 + 0.0521327014, 2.4);
-	}
-	function LinearToSRGB(c) {
-	    return c < 0.0031308 ? c * 12.92 : 1.055 * Math.pow(c, 0.41666) - 0.055;
+	function getContextFont$1({ fontStyle, fontVariant, fontWeight, fontSize, fontFamily }) {
+	    return ('' +
+	        (fontStyle ? fontStyle + ' ' : '') +
+	        (fontVariant ? fontVariant + ' ' : '') +
+	        (fontWeight ? fontWeight + ' ' : '') +
+	        (fontSize || 12) +
+	        'px ' +
+	        (fontFamily ? fontFamily : 'sans-serif'));
 	}
-	const setHex = (formatValue, forceHex) => {
-	    const isHex = REG_HEX.exec(formatValue);
-	    if (forceHex || isHex) {
-	        const hex = parseInt(isHex[1], 16);
-	        const hexLength = isHex[1].length;
-	        if (hexLength === 3) {
-	            return new RGB(((hex >> 8) & 0xf) + (((hex >> 8) & 0xf) << 4), ((hex >> 4) & 0xf) + (((hex >> 4) & 0xf) << 4), (hex & 0xf) + ((hex & 0xf) << 4), 1);
-	        }
-	        if (hexLength === 6) {
-	            return rgb(hex);
-	        }
-	        else if (hexLength === 8) {
-	            return new RGB((hex >> 24) & 0xff, (hex >> 16) & 0xff, (hex >> 8) & 0xff, (hex & 0xff) / 0xff);
+	class GraphicUtil {
+	    constructor(canvas) {
+	        this.canvas = canvas;
+	        if (canvas) {
+	            this.ctx = canvas.getContext('2d');
 	        }
-	        return null;
 	    }
-	    return undefined;
-	};
-	class Color {
-	    static Brighter(source, b = 1) {
-	        if (b === 1) {
-	            return source;
+	    setCanvas(canvas) {
+	        this.canvas = canvas;
+	        if (canvas) {
+	            this.ctx = canvas.getContext('2d');
 	        }
-	        return new Color(source).brighter(b).toRGBA();
 	    }
-	    static SetOpacity(source, o = 1) {
-	        if (o === 1) {
-	            return source;
+	    measureText(tc) {
+	        if (!this.canvas) {
+	            console.warn('[warn] no canvas, measureText might be not accurate');
+	            return this.estimate(tc);
 	        }
-	        return new Color(source).setOpacity(o).toRGBA();
+	        return this.measureTextByCanvas(tc);
 	    }
-	    static getColorBrightness(source, model = 'hsl') {
-	        const color = source instanceof Color ? source : new Color(source);
-	        switch (model) {
-	            case 'hsv':
-	                return color.getHSVBrightness();
-	            case 'hsl':
-	                return color.getHSLBrightness();
-	            case 'lum':
-	                return color.getLuminance();
-	            case 'lum2':
-	                return color.getLuminance2();
-	            case 'lum3':
-	                return color.getLuminance3();
-	            default:
-	                return color.getHSVBrightness();
+	    measureTextByCanvas(tc) {
+	        if (!this.ctx) {
+	            console.error('[error!!!]measureTextByCanvas can not be called without canvas');
+	            return { width: -1, height: tc.fontSize };
 	        }
+	        this.ctx.font = getContextFont$1(tc);
+	        return {
+	            width: this.ctx.measureText(tc.text).width,
+	            height: tc.fontSize
+	        };
 	    }
-	    static parseColorString(value) {
-	        if (isValid(DEFAULT_COLORS_OPACITY[value])) {
-	            return rgba(DEFAULT_COLORS_OPACITY[value]);
-	        }
-	        if (isValid(DEFAULT_COLORS[value])) {
-	            return rgb(DEFAULT_COLORS[value]);
-	        }
-	        const formatValue = `${value}`.trim().toLowerCase();
-	        const hexRes = setHex(formatValue);
-	        if (hexRes !== undefined) {
-	            return hexRes;
-	        }
-	        if (/^(rgb|RGB|rgba|RGBA)/.test(formatValue)) {
-	            const aColor = formatValue.replace(/(?:\(|\)|rgba|RGBA|rgb|RGB)*/g, '').split(',');
-	            return new RGB(parseInt(aColor[0], 10), parseInt(aColor[1], 10), parseInt(aColor[2], 10), parseFloat(aColor[3]));
-	        }
-	        if (/^(hsl|HSL|hsla|HSLA)/.test(formatValue)) {
-	            const aColor = formatValue.replace(/(?:\(|\)|hsla|HSLA|hsl|HSL)*/g, '').split(',');
-	            const rgb = hslToRgb(parseInt(aColor[0], 10), parseInt(aColor[1], 10), parseInt(aColor[2], 10));
-	            return new RGB(rgb.r, rgb.g, rgb.b, parseFloat(aColor[3]));
+	    estimate({ text, fontSize }) {
+	        let eCharLen = 0;
+	        let cCharLen = 0;
+	        for (let i = 0; i < text.length; i++) {
+	            text.charCodeAt(i) < 128 ? eCharLen++ : cCharLen++;
 	        }
-	        return;
+	        return {
+	            width: ~~(0.8 * eCharLen * fontSize + cCharLen * fontSize),
+	            height: fontSize
+	        };
 	    }
-	    constructor(value) {
-	        const color = Color.parseColorString(value);
-	        if (color) {
-	            this.color = color;
+	    static getDefaultUtils(canvas) {
+	        if (!GraphicUtil.instance) {
+	            GraphicUtil.instance = new GraphicUtil(canvas);
 	        }
-	        else {
-	            console.warn(`Warn: 传入${value}无法解析为Color`);
-	            this.color = new RGB(255, 255, 255);
+	        return GraphicUtil.instance;
+	    }
+	}
+
+	const EPSILON = 1e-8;
+	function lineIntersectPolygon(a1x, a1y, a2x, a2y, points) {
+	    for (let i = 0, p2 = points[points.length - 1]; i < points.length; i++) {
+	        const p = points[i];
+	        if (isIntersect([a1x, a1y], [a2x, a2y], [p.x, p.y], [p2.x, p2.y])) {
+	            return true;
 	        }
+	        p2 = p;
 	    }
-	    toRGBA() {
-	        return this.color.formatRgb();
+	    return false;
+	}
+	function polygonContainPoint(points, x, y) {
+	    let w = 0;
+	    let p = points[0];
+	    if (!p) {
+	        return false;
 	    }
-	    toString() {
-	        return this.color.formatRgb();
+	    for (let i = 1; i < points.length; i++) {
+	        const p2 = points[i];
+	        w += isPointInLine(p.x, p.y, p2.x, p2.y, x, y);
+	        p = p2;
 	    }
-	    toHex() {
-	        return this.color.formatHex();
+	    const p0 = points[0];
+	    if (!isAroundEqual(p.x, p0.x) || !isAroundEqual(p.y, p0.y)) {
+	        w += isPointInLine(p.x, p.y, p0.x, p0.y, x, y);
 	    }
-	    toHsl() {
-	        return this.color.formatHsl();
+	    return w !== 0;
+	}
+	function isPointInLine(x0, y0, x1, y1, x, y) {
+	    if ((y > y0 && y > y1) || (y < y0 && y < y1)) {
+	        return 0;
 	    }
-	    brighter(k) {
-	        const { r, g, b } = this.color;
-	        this.color.r = Math.max(0, Math.min(255, Math.floor(r * k)));
-	        this.color.g = Math.max(0, Math.min(255, Math.floor(g * k)));
-	        this.color.b = Math.max(0, Math.min(255, Math.floor(b * k)));
-	        return this;
+	    if (y1 === y0) {
+	        return 0;
 	    }
-	    add(color) {
-	        const { r, g, b } = this.color;
-	        this.color.r += Math.min(255, r + color.color.r);
-	        this.color.g += Math.min(255, g + color.color.g);
-	        this.color.b += Math.min(255, b + color.color.b);
-	        return this;
-	    }
-	    sub(color) {
-	        this.color.r = Math.max(0, this.color.r - color.color.r);
-	        this.color.g = Math.max(0, this.color.g - color.color.g);
-	        this.color.b = Math.max(0, this.color.b - color.color.b);
-	        return this;
-	    }
-	    multiply(color) {
-	        const { r, g, b } = this.color;
-	        this.color.r = Math.max(0, Math.min(255, Math.floor(r * color.color.r)));
-	        this.color.g = Math.max(0, Math.min(255, Math.floor(g * color.color.g)));
-	        this.color.b = Math.max(0, Math.min(255, Math.floor(b * color.color.b)));
-	        return this;
-	    }
-	    getHSVBrightness() {
-	        return Math.max(this.color.r, this.color.g, this.color.b) / 255;
-	    }
-	    getHSLBrightness() {
-	        return ((Math.max(this.color.r, this.color.g, this.color.b) / 255 +
-	            Math.min(this.color.r, this.color.g, this.color.b) / 255) *
-	            0.5);
-	    }
-	    setHsl(h, s, l) {
-	        const opacity = this.color.opacity;
-	        const hsl = rgbToHsl(this.color.r, this.color.g, this.color.b);
-	        const rgb = hslToRgb(isNil(h) ? hsl.h : clamp(h, 0, 360), isNil(s) ? hsl.s : s >= 0 && s <= 1 ? s * 100 : s, isNil(l) ? hsl.l : l <= 1 && l >= 0 ? l * 100 : l);
-	        this.color = new RGB(rgb.r, rgb.g, rgb.b, opacity);
-	        return this;
-	    }
-	    setRGB(r, g, b) {
-	        !isNil(r) && (this.color.r = r);
-	        !isNil(g) && (this.color.g = g);
-	        !isNil(b) && (this.color.b = b);
-	        return this;
-	    }
-	    setHex(value) {
-	        const formatValue = `${value}`.trim().toLowerCase();
-	        const res = setHex(formatValue, true);
-	        return res !== null && res !== void 0 ? res : this;
-	    }
-	    setColorName(name) {
-	        const hex = DEFAULT_COLORS[name.toLowerCase()];
-	        if (typeof hex !== 'undefined') {
-	            this.setHex(hex);
-	        }
-	        else {
-	            console.warn('THREE.Color: Unknown color ' + name);
-	        }
-	        return this;
-	    }
-	    setScalar(scalar) {
-	        this.color.r = scalar;
-	        this.color.g = scalar;
-	        this.color.b = scalar;
-	        return this;
-	    }
-	    setOpacity(o = 1) {
-	        this.color.opacity = o;
-	        return this;
-	    }
-	    getLuminance() {
-	        return (0.2126 * this.color.r + 0.7152 * this.color.g + 0.0722 * this.color.b) / 255;
-	    }
-	    getLuminance2() {
-	        return (0.2627 * this.color.r + 0.678 * this.color.g + 0.0593 * this.color.b) / 255;
-	    }
-	    getLuminance3() {
-	        return (0.299 * this.color.r + 0.587 * this.color.g + 0.114 * this.color.b) / 255;
-	    }
-	    clone() {
-	        return new Color(this.color.toString());
-	    }
-	    copyGammaToLinear(color, gammaFactor = 2.0) {
-	        this.color.r = Math.pow(color.color.r, gammaFactor);
-	        this.color.g = Math.pow(color.color.g, gammaFactor);
-	        this.color.b = Math.pow(color.color.b, gammaFactor);
-	        return this;
-	    }
-	    copyLinearToGamma(color, gammaFactor = 2.0) {
-	        const safeInverse = gammaFactor > 0 ? 1.0 / gammaFactor : 1.0;
-	        this.color.r = Math.pow(color.color.r, safeInverse);
-	        this.color.g = Math.pow(color.color.g, safeInverse);
-	        this.color.b = Math.pow(color.color.b, safeInverse);
-	        return this;
-	    }
-	    convertGammaToLinear(gammaFactor) {
-	        this.copyGammaToLinear(this, gammaFactor);
-	        return this;
-	    }
-	    convertLinearToGamma(gammaFactor) {
-	        this.copyLinearToGamma(this, gammaFactor);
-	        return this;
-	    }
-	    copySRGBToLinear(color) {
-	        this.color.r = SRGBToLinear(color.color.r);
-	        this.color.g = SRGBToLinear(color.color.g);
-	        this.color.b = SRGBToLinear(color.color.b);
-	        return this;
-	    }
-	    copyLinearToSRGB(color) {
-	        this.color.r = LinearToSRGB(color.color.r);
-	        this.color.g = LinearToSRGB(color.color.g);
-	        this.color.b = LinearToSRGB(color.color.b);
-	        return this;
-	    }
-	    convertSRGBToLinear() {
-	        this.copySRGBToLinear(this);
-	        return this;
-	    }
-	    convertLinearToSRGB() {
-	        this.copyLinearToSRGB(this);
-	        return this;
+	    const t = (y - y0) / (y1 - y0);
+	    let dir = y1 < y0 ? 1 : -1;
+	    if (t === 1 || t === 0) {
+	        dir = y1 < y0 ? 0.5 : -0.5;
 	    }
+	    const x_ = t * (x1 - x0) + x0;
+	    return x_ === x ? Infinity : x_ > x ? dir : 0;
 	}
-	class RGB {
-	    constructor(r, g, b, opacity) {
-	        this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r));
-	        this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g));
-	        this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b));
-	        if (isValid(opacity)) {
-	            this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity));
+	function isAroundEqual(a, b) {
+	    return Math.abs(a - b) < EPSILON;
+	}
+	function polygonIntersectPolygon(pointsA, pointsB) {
+	    for (let i = 0; i < pointsB.length; i++) {
+	        if (polygonContainPoint(pointsA, pointsB[i].x, pointsB[i].y)) {
+	            return true;
 	        }
-	        else {
-	            this.opacity = 1;
+	        if (i > 0 && lineIntersectPolygon(pointsB[i - 1].x, pointsB[i - 1].y, pointsB[i].x, pointsB[i].y, pointsA)) {
+	            return true;
 	        }
 	    }
-	    formatHex() {
-	        return `#${hex(this.r) + hex(this.g) + hex(this.b) + (this.opacity === 1 ? '' : hex(this.opacity * 255))}`;
-	    }
-	    formatRgb() {
-	        const opacity = this.opacity;
-	        return `${opacity === 1 ? 'rgb(' : 'rgba('}${this.r},${this.g},${this.b}${opacity === 1 ? ')' : `,${opacity})`}`;
+	    return false;
+	}
+
+	const calculateAnchorOfArc = (arcAttr, anchorType) => {
+	    const { startAngle, endAngle, innerRadius, outerRadius } = arcAttr;
+	    let angle = (startAngle + endAngle) / 2;
+	    let radius = (innerRadius + outerRadius) / 2;
+	    switch (anchorType) {
+	        case 'inner-start':
+	            angle = startAngle;
+	            radius = innerRadius;
+	            break;
+	        case 'outer-start':
+	            angle = startAngle;
+	            radius = outerRadius;
+	            break;
+	        case 'inner-end':
+	            angle = endAngle;
+	            radius = innerRadius;
+	            break;
+	        case 'outer-end':
+	            angle = endAngle;
+	            radius = outerRadius;
+	            break;
+	        case 'inner-middle':
+	            radius = innerRadius;
+	            break;
+	        case 'outer-middle':
+	            radius = outerRadius;
+	            break;
 	    }
-	    formatHsl() {
-	        const opacity = this.opacity;
-	        const { h, s, l } = rgbToHsl(this.r, this.g, this.b);
-	        return `${opacity === 1 ? 'hsl(' : 'hsla('}${h},${s}%,${l}%${opacity === 1 ? ')' : `,${opacity})`}`;
+	    return { angle, radius };
+	};
+
+	function stringWidth(string, ambiguousCharacterIsNarrow = true) {
+	    if (typeof string !== 'string' || string.length === 0) {
+	        return 0;
 	    }
-	    toString() {
-	        return this.formatHex();
+	    string = stripAnsi(string);
+	    if (string.length === 0) {
+	        return 0;
 	    }
-	}
-
-	function hexToRgb(str) {
-	    let r = '';
-	    let g = '';
-	    let b = '';
-	    const strtIndex = str[0] === '#' ? 1 : 0;
-	    for (let i = strtIndex; i < str.length; i++) {
-	        if (str[i] === '#') {
+	    string = string.replace(emojiRegex(), '  ');
+	    const ambiguousCharacterWidth = ambiguousCharacterIsNarrow ? 1 : 2;
+	    let width = 0;
+	    for (const character of string) {
+	        const codePoint = character.codePointAt(0);
+	        if (codePoint <= 0x1f || (codePoint >= 0x7f && codePoint <= 0x9f)) {
 	            continue;
 	        }
-	        if (i < strtIndex + 2) {
-	            r += str[i];
-	        }
-	        else if (i < strtIndex + 4) {
-	            g += str[i];
+	        if (codePoint >= 0x300 && codePoint <= 0x36f) {
+	            continue;
 	        }
-	        else if (i < strtIndex + 6) {
-	            b += str[i];
+	        const code = eastAsianCharacterInfo(character);
+	        switch (code) {
+	            case 'F':
+	            case 'W':
+	                width += 2;
+	                break;
+	            case 'A':
+	                width += ambiguousCharacterWidth;
+	                break;
+	            default:
+	                width += 1;
 	        }
 	    }
-	    const ri = parseInt(r, 16);
-	    const gi = parseInt(g, 16);
-	    const bi = parseInt(b, 16);
-	    return [ri, gi, bi];
-	}
-
-	function rgbToHex(r, g, b) {
-	    return Number((1 << 24) + (r << 16) + (g << 8) + b)
-	        .toString(16)
-	        .slice(1);
+	    return width;
 	}
-
-	function interpolateRgb(colorA, colorB) {
-	    const redA = colorA.r;
-	    const redB = colorB.r;
-	    const greenA = colorA.g;
-	    const greenB = colorB.g;
-	    const blueA = colorA.b;
-	    const blueB = colorB.b;
-	    const opacityA = colorA.opacity;
-	    const opacityB = colorB.opacity;
-	    return (t) => {
-	        const r = Math.round(redA * (1 - t) + redB * t);
-	        const g = Math.round(greenA * (1 - t) + greenB * t);
-	        const b = Math.round(blueA * (1 - t) + blueB * t);
-	        const opacity = opacityA * (1 - t) + opacityB * t;
-	        return new RGB(r, g, b, opacity);
-	    };
-	}
-
-	var index = /*#__PURE__*/Object.freeze({
-		__proto__: null,
-		Color: Color,
-		DEFAULT_COLORS: DEFAULT_COLORS,
-		RGB: RGB,
-		hexToRgb: hexToRgb,
-		hslToRgb: hslToRgb,
-		interpolateRgb: interpolateRgb,
-		rgbToHex: rgbToHex,
-		rgbToHsl: rgbToHsl
-	});
-
-	const parseUint8ToImageData = (buffer, width, height) => {
-	    const clampBuffer = new Uint8ClampedArray(buffer);
-	    const flipClampBuffer = new Uint8ClampedArray(buffer.length);
-	    for (let i = height - 1; i >= 0; i--) {
-	        for (let j = 0; j < width; j++) {
-	            const sourceIdx = i * width * 4 + j * 4;
-	            const targetIdx = (height - i) * width * 4 + j * 4;
-	            flipClampBuffer[targetIdx] = clampBuffer[sourceIdx];
-	            flipClampBuffer[targetIdx + 1] = clampBuffer[sourceIdx + 1];
-	            flipClampBuffer[targetIdx + 2] = clampBuffer[sourceIdx + 2];
-	            flipClampBuffer[targetIdx + 3] = clampBuffer[sourceIdx + 3];
-	        }
+	const stripAnsi = (string) => {
+	    if (typeof string !== 'string') {
+	        throw new TypeError(`Expected a \`string\`, got \`${typeof string}\``);
 	    }
-	    return new ImageData(flipClampBuffer, width, height);
+	    return string.replace(ansiRegex(), '');
 	};
-
-	function sub(out, v1, v2) {
-	    out[0] = v1[0] - v2[0];
-	    out[1] = v1[1] - v2[1];
-	}
-	function isIntersect(left1, right1, left2, right2) {
-	    let min1 = left1[0];
-	    let max1 = right1[0];
-	    let min2 = left2[0];
-	    let max2 = right2[0];
-	    if (max1 < min1) {
-	        [min1, max1] = [max1, min1];
-	    }
-	    if (max2 < min2) {
-	        [max2, min2] = [min2, max2];
-	    }
-	    if (max1 < min2 || max2 < min1) {
-	        return false;
-	    }
-	    (min1 = left1[1]), (max1 = right1[1]), (min2 = left2[1]), (max2 = right2[1]);
-	    if (max1 < min1) {
-	        [min1, max1] = [max1, min1];
-	    }
-	    if (max2 < min2) {
-	        [max2, min2] = [min2, max2];
-	    }
-	    if (max1 < min2 || max2 < min1) {
-	        return false;
-	    }
-	    return true;
-	}
-	function getIntersectPoint(left1, right1, left2, right2) {
-	    if (!isIntersect(left1, right1, left2, right2)) {
-	        return false;
-	    }
-	    const dir1 = [0, 0];
-	    const dir2 = [0, 0];
-	    const tempVec = [0, 0];
-	    sub(dir1, right1, left1);
-	    sub(dir2, right2, left2);
-	    if (fuzzyEqualVec(dir1, dir2)) {
-	        return true;
-	    }
-	    sub(tempVec, left2, left1);
-	    const t = crossProduct(tempVec, dir2) / crossProduct(dir1, dir2);
-	    if (t >= 0 && t <= 1) {
-	        return [left1[0] + dir1[0] * t, left1[1] + dir1[1] * t];
-	    }
-	    return false;
-	}
-	function getRectIntersect(bbox1, bbox2, format) {
-	    if (bbox1 === null) {
-	        return bbox2;
-	    }
-	    if (bbox2 === null) {
-	        return bbox1;
-	    }
-	    const { x11, x12, y11, y12, x21, x22, y21, y22 } = formatTwoBBox(bbox1, bbox2, format);
-	    if (x11 >= x22 || x12 <= x21 || y11 >= y22 || y12 <= y21) {
-	        return { x1: 0, y1: 0, x2: 0, y2: 0 };
-	    }
-	    return { x1: Math.max(x11, x21), y1: Math.max(y11, y21), x2: Math.min(x12, x22), y2: Math.min(y12, y22) };
-	}
-	exports.InnerBBox = void 0;
-	(function (InnerBBox) {
-	    InnerBBox[InnerBBox["NONE"] = 0] = "NONE";
-	    InnerBBox[InnerBBox["BBOX1"] = 1] = "BBOX1";
-	    InnerBBox[InnerBBox["BBOX2"] = 2] = "BBOX2";
-	})(exports.InnerBBox || (exports.InnerBBox = {}));
-	const formatTwoBBox = (bbox1, bbox2, format) => {
-	    let x11 = bbox1.x1;
-	    let x12 = bbox1.x2;
-	    let y11 = bbox1.y1;
-	    let y12 = bbox1.y2;
-	    let x21 = bbox2.x1;
-	    let x22 = bbox2.x2;
-	    let y21 = bbox2.y1;
-	    let y22 = bbox2.y2;
-	    if (format) {
-	        if (x11 > x12) {
-	            [x11, x12] = [x12, x11];
-	        }
-	        if (y11 > y12) {
-	            [y11, y12] = [y12, y11];
-	        }
-	        if (x21 > x22) {
-	            [x21, x22] = [x22, x21];
-	        }
-	        if (y21 > y22) {
-	            [y21, y22] = [y22, y21];
-	        }
-	    }
-	    return { x11, x12, y11, y12, x21, x22, y21, y22 };
+	const ansiRegex = ({ onlyFirst = false } = {}) => {
+	    const pattern = [
+	        '[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)',
+	        '(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))'
+	    ].join('|');
+	    return new RegExp(pattern, onlyFirst ? undefined : 'g');
 	};
-	function rectInsideAnotherRect(bbox1, bbox2, format) {
-	    if (!bbox1 || !bbox2) {
-	        return exports.InnerBBox.NONE;
-	    }
-	    const { x11, x12, y11, y12, x21, x22, y21, y22 } = formatTwoBBox(bbox1, bbox2, format);
-	    if (x11 > x21 && x12 < x22 && y11 > y21 && y12 < y22) {
-	        return exports.InnerBBox.BBOX1;
-	    }
-	    if (x21 > x11 && x22 < x12 && y21 > y11 && y22 < y12) {
-	        return exports.InnerBBox.BBOX2;
-	    }
-	    return exports.InnerBBox.NONE;
-	}
-	function isRectIntersect(bbox1, bbox2, format) {
-	    if (bbox1 && bbox2) {
-	        if (!format) {
-	            if (bbox1.x1 > bbox2.x2 || bbox1.x2 < bbox2.x1 || bbox1.y1 > bbox2.y2 || bbox1.y2 < bbox2.y1) {
-	                return false;
-	            }
-	            return true;
-	        }
-	        const { x11, x12, y11, y12, x21, x22, y21, y22 } = formatTwoBBox(bbox1, bbox2, true);
-	        if (x11 > x22 || x12 < x21 || y11 > y22 || y12 < y21) {
-	            return false;
-	        }
-	        return true;
+	const eastAsianCharacterInfo = (character) => {
+	    let x = character.charCodeAt(0);
+	    let y = character.length === 2 ? character.charCodeAt(1) : 0;
+	    let codePoint = x;
+	    if (0xd800 <= x && x <= 0xdbff && 0xdc00 <= y && y <= 0xdfff) {
+	        x &= 0x3ff;
+	        y &= 0x3ff;
+	        codePoint = (x << 10) | y;
+	        codePoint += 0x10000;
 	    }
-	    return true;
-	}
-	function pointInRect(point, bbox, format) {
-	    if (!bbox) {
-	        return true;
+	    if (0x3000 === codePoint ||
+	        (0xff01 <= codePoint && codePoint <= 0xff60) ||
+	        (0xffe0 <= codePoint && codePoint <= 0xffe6)) {
+	        return 'F';
 	    }
-	    if (!format) {
-	        return point.x >= bbox.x1 && point.x <= bbox.x2 && point.y >= bbox.y1 && point.y <= bbox.y2;
+	    if (0x20a9 === codePoint ||
+	        (0xff61 <= codePoint && codePoint <= 0xffbe) ||
+	        (0xffc2 <= codePoint && codePoint <= 0xffc7) ||
+	        (0xffca <= codePoint && codePoint <= 0xffcf) ||
+	        (0xffd2 <= codePoint && codePoint <= 0xffd7) ||
+	        (0xffda <= codePoint && codePoint <= 0xffdc) ||
+	        (0xffe8 <= codePoint && codePoint <= 0xffee)) {
+	        return 'H';
 	    }
-	    let x11 = bbox.x1;
-	    let x12 = bbox.x2;
-	    let y11 = bbox.y1;
-	    let y12 = bbox.y2;
-	    if (x11 > x12) {
-	        [x11, x12] = [x12, x11];
+	    if ((0x1100 <= codePoint && codePoint <= 0x115f) ||
+	        (0x11a3 <= codePoint && codePoint <= 0x11a7) ||
+	        (0x11fa <= codePoint && codePoint <= 0x11ff) ||
+	        (0x2329 <= codePoint && codePoint <= 0x232a) ||
+	        (0x2e80 <= codePoint && codePoint <= 0x2e99) ||
+	        (0x2e9b <= codePoint && codePoint <= 0x2ef3) ||
+	        (0x2f00 <= codePoint && codePoint <= 0x2fd5) ||
+	        (0x2ff0 <= codePoint && codePoint <= 0x2ffb) ||
+	        (0x3001 <= codePoint && codePoint <= 0x303e) ||
+	        (0x3041 <= codePoint && codePoint <= 0x3096) ||
+	        (0x3099 <= codePoint && codePoint <= 0x30ff) ||
+	        (0x3105 <= codePoint && codePoint <= 0x312d) ||
+	        (0x3131 <= codePoint && codePoint <= 0x318e) ||
+	        (0x3190 <= codePoint && codePoint <= 0x31ba) ||
+	        (0x31c0 <= codePoint && codePoint <= 0x31e3) ||
+	        (0x31f0 <= codePoint && codePoint <= 0x321e) ||
+	        (0x3220 <= codePoint && codePoint <= 0x3247) ||
+	        (0x3250 <= codePoint && codePoint <= 0x32fe) ||
+	        (0x3300 <= codePoint && codePoint <= 0x4dbf) ||
+	        (0x4e00 <= codePoint && codePoint <= 0xa48c) ||
+	        (0xa490 <= codePoint && codePoint <= 0xa4c6) ||
+	        (0xa960 <= codePoint && codePoint <= 0xa97c) ||
+	        (0xac00 <= codePoint && codePoint <= 0xd7a3) ||
+	        (0xd7b0 <= codePoint && codePoint <= 0xd7c6) ||
+	        (0xd7cb <= codePoint && codePoint <= 0xd7fb) ||
+	        (0xf900 <= codePoint && codePoint <= 0xfaff) ||
+	        (0xfe10 <= codePoint && codePoint <= 0xfe19) ||
+	        (0xfe30 <= codePoint && codePoint <= 0xfe52) ||
+	        (0xfe54 <= codePoint && codePoint <= 0xfe66) ||
+	        (0xfe68 <= codePoint && codePoint <= 0xfe6b) ||
+	        (0x1b000 <= codePoint && codePoint <= 0x1b001) ||
+	        (0x1f200 <= codePoint && codePoint <= 0x1f202) ||
+	        (0x1f210 <= codePoint && codePoint <= 0x1f23a) ||
+	        (0x1f240 <= codePoint && codePoint <= 0x1f248) ||
+	        (0x1f250 <= codePoint && codePoint <= 0x1f251) ||
+	        (0x20000 <= codePoint && codePoint <= 0x2f73f) ||
+	        (0x2b740 <= codePoint && codePoint <= 0x2fffd) ||
+	        (0x30000 <= codePoint && codePoint <= 0x3fffd)) {
+	        return 'W';
 	    }
-	    if (y11 > y12) {
-	        [y11, y12] = [y12, y11];
+	    if ((0x0020 <= codePoint && codePoint <= 0x007e) ||
+	        (0x00a2 <= codePoint && codePoint <= 0x00a3) ||
+	        (0x00a5 <= codePoint && codePoint <= 0x00a6) ||
+	        0x00ac === codePoint ||
+	        0x00af === codePoint ||
+	        (0x27e6 <= codePoint && codePoint <= 0x27ed) ||
+	        (0x2985 <= codePoint && codePoint <= 0x2986)) {
+	        return 'Na';
 	    }
-	    return point.x >= x11 && point.x <= x12 && point.y >= y11 && point.y <= y12;
-	}
-	function getProjectionRadius(checkAxis, axis) {
-	    return Math.abs(axis[0] * checkAxis[0] + axis[1] * checkAxis[1]);
-	}
-	function rotate({ x, y }, deg, origin = { x: 0, y: 0 }) {
-	    return {
-	        x: (x - origin.x) * Math.cos(deg) + (y - origin.y) * Math.sin(deg) + origin.x,
-	        y: (x - origin.x) * Math.sin(deg) + (origin.y - y) * Math.cos(deg) + origin.y
-	    };
-	}
-	function getCenterPoint(box) {
-	    return {
-	        x: (box.x1 + box.x2) / 2,
-	        y: (box.y1 + box.y2) / 2
-	    };
-	}
-	function toRect(box, isDeg) {
-	    const deg = isDeg ? box.angle : degreeToRadian(box.angle);
-	    const cp = getCenterPoint(box);
-	    return [
-	        rotate({
-	            x: box.x1,
-	            y: box.y1
-	        }, deg, cp),
-	        rotate({
-	            x: box.x2,
-	            y: box.y1
-	        }, deg, cp),
-	        rotate({
-	            x: box.x2,
-	            y: box.y2
-	        }, deg, cp),
-	        rotate({
-	            x: box.x1,
-	            y: box.y2
-	        }, deg, cp)
-	    ];
+	    if (0x00a1 === codePoint ||
+	        0x00a4 === codePoint ||
+	        (0x00a7 <= codePoint && codePoint <= 0x00a8) ||
+	        0x00aa === codePoint ||
+	        (0x00ad <= codePoint && codePoint <= 0x00ae) ||
+	        (0x00b0 <= codePoint && codePoint <= 0x00b4) ||
+	        (0x00b6 <= codePoint && codePoint <= 0x00ba) ||
+	        (0x00bc <= codePoint && codePoint <= 0x00bf) ||
+	        0x00c6 === codePoint ||
+	        0x00d0 === codePoint ||
+	        (0x00d7 <= codePoint && codePoint <= 0x00d8) ||
+	        (0x00de <= codePoint && codePoint <= 0x00e1) ||
+	        0x00e6 === codePoint ||
+	        (0x00e8 <= codePoint && codePoint <= 0x00ea) ||
+	        (0x00ec <= codePoint && codePoint <= 0x00ed) ||
+	        0x00f0 === codePoint ||
+	        (0x00f2 <= codePoint && codePoint <= 0x00f3) ||
+	        (0x00f7 <= codePoint && codePoint <= 0x00fa) ||
+	        0x00fc === codePoint ||
+	        0x00fe === codePoint ||
+	        0x0101 === codePoint ||
+	        0x0111 === codePoint ||
+	        0x0113 === codePoint ||
+	        0x011b === codePoint ||
+	        (0x0126 <= codePoint && codePoint <= 0x0127) ||
+	        0x012b === codePoint ||
+	        (0x0131 <= codePoint && codePoint <= 0x0133) ||
+	        0x0138 === codePoint ||
+	        (0x013f <= codePoint && codePoint <= 0x0142) ||
+	        0x0144 === codePoint ||
+	        (0x0148 <= codePoint && codePoint <= 0x014b) ||
+	        0x014d === codePoint ||
+	        (0x0152 <= codePoint && codePoint <= 0x0153) ||
+	        (0x0166 <= codePoint && codePoint <= 0x0167) ||
+	        0x016b === codePoint ||
+	        0x01ce === codePoint ||
+	        0x01d0 === codePoint ||
+	        0x01d2 === codePoint ||
+	        0x01d4 === codePoint ||
+	        0x01d6 === codePoint ||
+	        0x01d8 === codePoint ||
+	        0x01da === codePoint ||
+	        0x01dc === codePoint ||
+	        0x0251 === codePoint ||
+	        0x0261 === codePoint ||
+	        0x02c4 === codePoint ||
+	        0x02c7 === codePoint ||
+	        (0x02c9 <= codePoint && codePoint <= 0x02cb) ||
+	        0x02cd === codePoint ||
+	        0x02d0 === codePoint ||
+	        (0x02d8 <= codePoint && codePoint <= 0x02db) ||
+	        0x02dd === codePoint ||
+	        0x02df === codePoint ||
+	        (0x0300 <= codePoint && codePoint <= 0x036f) ||
+	        (0x0391 <= codePoint && codePoint <= 0x03a1) ||
+	        (0x03a3 <= codePoint && codePoint <= 0x03a9) ||
+	        (0x03b1 <= codePoint && codePoint <= 0x03c1) ||
+	        (0x03c3 <= codePoint && codePoint <= 0x03c9) ||
+	        0x0401 === codePoint ||
+	        (0x0410 <= codePoint && codePoint <= 0x044f) ||
+	        0x0451 === codePoint ||
+	        0x2010 === codePoint ||
+	        (0x2013 <= codePoint && codePoint <= 0x2016) ||
+	        (0x2018 <= codePoint && codePoint <= 0x2019) ||
+	        (0x201c <= codePoint && codePoint <= 0x201d) ||
+	        (0x2020 <= codePoint && codePoint <= 0x2022) ||
+	        (0x2024 <= codePoint && codePoint <= 0x2027) ||
+	        0x2030 === codePoint ||
+	        (0x2032 <= codePoint && codePoint <= 0x2033) ||
+	        0x2035 === codePoint ||
+	        0x203b === codePoint ||
+	        0x203e === codePoint ||
+	        0x2074 === codePoint ||
+	        0x207f === codePoint ||
+	        (0x2081 <= codePoint && codePoint <= 0x2084) ||
+	        0x20ac === codePoint ||
+	        0x2103 === codePoint ||
+	        0x2105 === codePoint ||
+	        0x2109 === codePoint ||
+	        0x2113 === codePoint ||
+	        0x2116 === codePoint ||
+	        (0x2121 <= codePoint && codePoint <= 0x2122) ||
+	        0x2126 === codePoint ||
+	        0x212b === codePoint ||
+	        (0x2153 <= codePoint && codePoint <= 0x2154) ||
+	        (0x215b <= codePoint && codePoint <= 0x215e) ||
+	        (0x2160 <= codePoint && codePoint <= 0x216b) ||
+	        (0x2170 <= codePoint && codePoint <= 0x2179) ||
+	        0x2189 === codePoint ||
+	        (0x2190 <= codePoint && codePoint <= 0x2199) ||
+	        (0x21b8 <= codePoint && codePoint <= 0x21b9) ||
+	        0x21d2 === codePoint ||
+	        0x21d4 === codePoint ||
+	        0x21e7 === codePoint ||
+	        0x2200 === codePoint ||
+	        (0x2202 <= codePoint && codePoint <= 0x2203) ||
+	        (0x2207 <= codePoint && codePoint <= 0x2208) ||
+	        0x220b === codePoint ||
+	        0x220f === codePoint ||
+	        0x2211 === codePoint ||
+	        0x2215 === codePoint ||
+	        0x221a === codePoint ||
+	        (0x221d <= codePoint && codePoint <= 0x2220) ||
+	        0x2223 === codePoint ||
+	        0x2225 === codePoint ||
+	        (0x2227 <= codePoint && codePoint <= 0x222c) ||
+	        0x222e === codePoint ||
+	        (0x2234 <= codePoint && codePoint <= 0x2237) ||
+	        (0x223c <= codePoint && codePoint <= 0x223d) ||
+	        0x2248 === codePoint ||
+	        0x224c === codePoint ||
+	        0x2252 === codePoint ||
+	        (0x2260 <= codePoint && codePoint <= 0x2261) ||
+	        (0x2264 <= codePoint && codePoint <= 0x2267) ||
+	        (0x226a <= codePoint && codePoint <= 0x226b) ||
+	        (0x226e <= codePoint && codePoint <= 0x226f) ||
+	        (0x2282 <= codePoint && codePoint <= 0x2283) ||
+	        (0x2286 <= codePoint && codePoint <= 0x2287) ||
+	        0x2295 === codePoint ||
+	        0x2299 === codePoint ||
+	        0x22a5 === codePoint ||
+	        0x22bf === codePoint ||
+	        0x2312 === codePoint ||
+	        (0x2460 <= codePoint && codePoint <= 0x24e9) ||
+	        (0x24eb <= codePoint && codePoint <= 0x254b) ||
+	        (0x2550 <= codePoint && codePoint <= 0x2573) ||
+	        (0x2580 <= codePoint && codePoint <= 0x258f) ||
+	        (0x2592 <= codePoint && codePoint <= 0x2595) ||
+	        (0x25a0 <= codePoint && codePoint <= 0x25a1) ||
+	        (0x25a3 <= codePoint && codePoint <= 0x25a9) ||
+	        (0x25b2 <= codePoint && codePoint <= 0x25b3) ||
+	        (0x25b6 <= codePoint && codePoint <= 0x25b7) ||
+	        (0x25bc <= codePoint && codePoint <= 0x25bd) ||
+	        (0x25c0 <= codePoint && codePoint <= 0x25c1) ||
+	        (0x25c6 <= codePoint && codePoint <= 0x25c8) ||
+	        0x25cb === codePoint ||
+	        (0x25ce <= codePoint && codePoint <= 0x25d1) ||
+	        (0x25e2 <= codePoint && codePoint <= 0x25e5) ||
+	        0x25ef === codePoint ||
+	        (0x2605 <= codePoint && codePoint <= 0x2606) ||
+	        0x2609 === codePoint ||
+	        (0x260e <= codePoint && codePoint <= 0x260f) ||
+	        (0x2614 <= codePoint && codePoint <= 0x2615) ||
+	        0x261c === codePoint ||
+	        0x261e === codePoint ||
+	        0x2640 === codePoint ||
+	        0x2642 === codePoint ||
+	        (0x2660 <= codePoint && codePoint <= 0x2661) ||
+	        (0x2663 <= codePoint && codePoint <= 0x2665) ||
+	        (0x2667 <= codePoint && codePoint <= 0x266a) ||
+	        (0x266c <= codePoint && codePoint <= 0x266d) ||
+	        0x266f === codePoint ||
+	        (0x269e <= codePoint && codePoint <= 0x269f) ||
+	        (0x26be <= codePoint && codePoint <= 0x26bf) ||
+	        (0x26c4 <= codePoint && codePoint <= 0x26cd) ||
+	        (0x26cf <= codePoint && codePoint <= 0x26e1) ||
+	        0x26e3 === codePoint ||
+	        (0x26e8 <= codePoint && codePoint <= 0x26ff) ||
+	        0x273d === codePoint ||
+	        0x2757 === codePoint ||
+	        (0x2776 <= codePoint && codePoint <= 0x277f) ||
+	        (0x2b55 <= codePoint && codePoint <= 0x2b59) ||
+	        (0x3248 <= codePoint && codePoint <= 0x324f) ||
+	        (0xe000 <= codePoint && codePoint <= 0xf8ff) ||
+	        (0xfe00 <= codePoint && codePoint <= 0xfe0f) ||
+	        0xfffd === codePoint ||
+	        (0x1f100 <= codePoint && codePoint <= 0x1f10a) ||
+	        (0x1f110 <= codePoint && codePoint <= 0x1f12d) ||
+	        (0x1f130 <= codePoint && codePoint <= 0x1f169) ||
+	        (0x1f170 <= codePoint && codePoint <= 0x1f19a) ||
+	        (0xe0100 <= codePoint && codePoint <= 0xe01ef) ||
+	        (0xf0000 <= codePoint && codePoint <= 0xffffd) ||
+	        (0x100000 <= codePoint && codePoint <= 0x10fffd)) {
+	        return 'A';
+	    }
+	    return 'N';
+	};
+	const emojiRegex = () => {
+	    return /[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26D3\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26F9(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC3\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC08\uDC26](?:\u200D\u2B1B)?|[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC25\uDC27-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE])))?))?|\uDC6F(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDD75(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF8](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC2\uDECE-\uDEDB\uDEE0-\uDEE8]|\uDD3C(?:\u200D[\u2640\u2642]\uFE0F?|\uD83C[\uDFFB-\uDFFF])?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?)/g;
+	};
+
+	function getContextFont(text, defaultAttr = {}, fontSizeScale) {
+	    if (!fontSizeScale) {
+	        fontSizeScale = 1;
+	    }
+	    const { fontStyle = defaultAttr.fontStyle, fontVariant = defaultAttr.fontVariant, fontWeight = defaultAttr.fontWeight, fontSize = defaultAttr.fontSize, fontFamily = defaultAttr.fontFamily } = text;
+	    return ('' +
+	        (fontStyle ? fontStyle + ' ' : '') +
+	        (fontVariant ? fontVariant + ' ' : '') +
+	        (fontWeight ? fontWeight + ' ' : '') +
+	        fontSize * fontSizeScale +
+	        'px ' +
+	        (fontFamily ? fontFamily : 'sans-serif'));
 	}
-	function isRotateAABBIntersect(box1, box2, isDeg = false, ctx) {
-	    const rect1 = toRect(box1, isDeg);
-	    const rect2 = toRect(box2, isDeg);
-	    const vector = (start, end) => {
-	        return [end.x - start.x, end.y - start.y];
-	    };
-	    if (ctx) {
-	        ctx.save();
-	        ctx.fillStyle = 'red';
-	        ctx.globalAlpha = 0.6;
-	        rect1.forEach((item, index) => {
-	            if (index === 0) {
-	                ctx.moveTo(item.x, item.y);
+
+	class TextMeasure {
+	    constructor(option, textSpec) {
+	        this._numberCharSize = null;
+	        this._fullCharSize = null;
+	        this._letterCharSize = null;
+	        this._specialCharSizeMap = {};
+	        this._canvas = null;
+	        this._context = null;
+	        this._contextSaved = false;
+	        this._notSupportCanvas = false;
+	        this._notSupportVRender = false;
+	        this._userSpec = {};
+	        this.specialCharSet = '-/: .,@%\'"~';
+	        this._option = option;
+	        this._userSpec = textSpec !== null && textSpec !== void 0 ? textSpec : {};
+	        this.textSpec = this._initSpec();
+	        if (isValid(option.specialCharSet)) {
+	            this.specialCharSet = option.specialCharSet;
+	        }
+	        this._standardMethod = isValid(option.getTextBounds)
+	            ? this.fullMeasure.bind(this)
+	            : this.measureWithNaiveCanvas.bind(this);
+	    }
+	    initContext() {
+	        if (this._notSupportCanvas) {
+	            return false;
+	        }
+	        if (isNil(this._canvas)) {
+	            if (isValid(this._option.getCanvasForMeasure)) {
+	                this._canvas = this._option.getCanvasForMeasure();
+	            }
+	            if (isNil(this._canvas) &&
+	                typeof window !== 'undefined' &&
+	                typeof window.document !== 'undefined' &&
+	                globalThis &&
+	                isValid(globalThis.document)) {
+	                this._canvas = globalThis.document.createElement('canvas');
+	            }
+	        }
+	        if (isNil(this._context) && isValid(this._canvas)) {
+	            const context = this._canvas.getContext('2d');
+	            if (isValid(context)) {
+	                context.save();
+	                context.font = getContextFont(this.textSpec);
+	                this._contextSaved = true;
+	                this._context = context;
+	            }
+	        }
+	        if (isNil(this._context)) {
+	            this._notSupportCanvas = true;
+	            return false;
+	        }
+	        return true;
+	    }
+	    _initSpec() {
+	        var _a, _b, _c;
+	        const { defaultFontParams = {} } = this._option;
+	        const { fontStyle = defaultFontParams.fontStyle, fontVariant = defaultFontParams.fontVariant, fontWeight = (_a = defaultFontParams.fontWeight) !== null && _a !== void 0 ? _a : 'normal', fontSize = (_b = defaultFontParams.fontSize) !== null && _b !== void 0 ? _b : 12, fontFamily = (_c = defaultFontParams.fontFamily) !== null && _c !== void 0 ? _c : 'sans-serif', align, textAlign = align !== null && align !== void 0 ? align : 'center', baseline, textBaseline = baseline !== null && baseline !== void 0 ? baseline : 'middle', ellipsis, limit } = this._userSpec;
+	        let { lineHeight = fontSize } = this._userSpec;
+	        if (isString(lineHeight) && lineHeight[lineHeight.length - 1] === '%') {
+	            const scale = Number.parseFloat(lineHeight.substring(0, lineHeight.length - 1)) / 100;
+	            lineHeight = fontSize * scale;
+	        }
+	        return {
+	            fontStyle,
+	            fontVariant,
+	            fontFamily,
+	            fontSize,
+	            fontWeight,
+	            textAlign,
+	            textBaseline,
+	            ellipsis,
+	            limit,
+	            lineHeight
+	        };
+	    }
+	    measure(text, method) {
+	        switch (method) {
+	            case 'vrender':
+	            case 'canopus':
+	                return this.fullMeasure(text);
+	            case 'canvas':
+	                return this.measureWithNaiveCanvas(text);
+	            case 'simple':
+	                return this.quickMeasureWithoutCanvas(text);
+	            case 'quick':
+	            default:
+	                return this.quickMeasure(text);
+	        }
+	    }
+	    fullMeasure(text) {
+	        if (isNil(text)) {
+	            return { width: 0, height: 0 };
+	        }
+	        if (isNil(this._option.getTextBounds) || !this._notSupportVRender) {
+	            return this.measureWithNaiveCanvas(text);
+	        }
+	        const { fontFamily, fontSize, fontWeight, textAlign, textBaseline, ellipsis, limit, lineHeight } = this.textSpec;
+	        let size;
+	        try {
+	            const bounds = this._option.getTextBounds({
+	                text,
+	                fontFamily,
+	                fontSize,
+	                fontWeight,
+	                textAlign,
+	                textBaseline,
+	                ellipsis: !!ellipsis,
+	                maxLineWidth: limit || Infinity,
+	                lineHeight
+	            });
+	            size = { width: bounds.width(), height: bounds.height() };
+	        }
+	        catch (e) {
+	            this._notSupportVRender = true;
+	            size = this.measureWithNaiveCanvas(text);
+	        }
+	        return size;
+	    }
+	    measureWithNaiveCanvas(text) {
+	        return this._measureReduce(text, this._measureWithNaiveCanvas.bind(this));
+	    }
+	    _measureWithNaiveCanvas(text) {
+	        var _a;
+	        if (!this.initContext()) {
+	            return this._quickMeasureWithoutCanvas(text);
+	        }
+	        const metrics = this._context.measureText(text);
+	        const { fontSize, lineHeight } = this.textSpec;
+	        return { width: metrics.width, height: (_a = lineHeight) !== null && _a !== void 0 ? _a : fontSize };
+	    }
+	    quickMeasure(text) {
+	        return this._measureReduce(text, this._quickMeasure.bind(this));
+	    }
+	    _quickMeasure(text) {
+	        const totalSize = {
+	            width: 0,
+	            height: 0
+	        };
+	        for (let i = 0; i < text.length; i++) {
+	            const char = text[i];
+	            let size = this._measureSpecialChar(char);
+	            if (isNil(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char)) {
+	                size = this._measureNumberChar();
 	            }
-	            else {
-	                ctx.lineTo(item.x, item.y);
+	            if (isNil(size) && ['F', 'W'].includes(eastAsianCharacterInfo(char))) {
+	                size = this._measureFullSizeChar();
 	            }
-	        });
-	        ctx.fill();
-	        ctx.restore();
-	        ctx.save();
-	        ctx.fillStyle = 'green';
-	        ctx.globalAlpha = 0.6;
-	        rect2.forEach((item, index) => {
-	            if (index === 0) {
-	                ctx.moveTo(item.x, item.y);
+	            if (isNil(size)) {
+	                size = this._measureLetterChar();
 	            }
-	            else {
-	                ctx.lineTo(item.x, item.y);
+	            totalSize.width += size.width;
+	            totalSize.height = Math.max(totalSize.height, size.height);
+	        }
+	        return totalSize;
+	    }
+	    quickMeasureWithoutCanvas(text) {
+	        return this._measureReduce(text, this._quickMeasureWithoutCanvas.bind(this));
+	    }
+	    _quickMeasureWithoutCanvas(text) {
+	        var _a;
+	        const totalSize = {
+	            width: 0,
+	            height: 0
+	        };
+	        const { fontSize, lineHeight } = this.textSpec;
+	        for (let i = 0; i < text.length; i++) {
+	            const char = text[i];
+	            const size = ['F', 'W'].includes(eastAsianCharacterInfo(char)) ? 1 : 0.53;
+	            totalSize.width += size * fontSize;
+	        }
+	        totalSize.height = (_a = lineHeight) !== null && _a !== void 0 ? _a : fontSize;
+	        return totalSize;
+	    }
+	    _measureReduce(text, processor) {
+	        var _a;
+	        const { fontSize, lineHeight } = this.textSpec;
+	        const defaultResult = { width: 0, height: 0 };
+	        if (isNil(text)) {
+	            return defaultResult;
+	        }
+	        else if (isArray(text)) {
+	            const textArr = text.filter(isValid).map(s => s.toString());
+	            if (textArr.length === 0) {
+	                return defaultResult;
 	            }
-	        });
-	        ctx.fill();
-	        ctx.restore();
+	            else if (textArr.length === 1) {
+	                return processor(textArr[0]);
+	            }
+	            return {
+	                width: textArr.reduce((maxWidth, cur) => Math.max(maxWidth, processor(cur).width), 0),
+	                height: textArr.length * (((_a = lineHeight) !== null && _a !== void 0 ? _a : fontSize) + 1) + 1
+	            };
+	        }
+	        return processor(text.toString());
+	    }
+	    _measureNumberChar() {
+	        if (isNil(this._numberCharSize)) {
+	            const numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);
+	            this._numberCharSize = {
+	                width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length,
+	                height: numberBounds.height
+	            };
+	        }
+	        return this._numberCharSize;
+	    }
+	    _measureFullSizeChar() {
+	        if (isNil(this._fullCharSize)) {
+	            this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR);
+	        }
+	        return this._fullCharSize;
+	    }
+	    _measureLetterChar() {
+	        if (isNil(this._letterCharSize)) {
+	            const alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);
+	            this._letterCharSize = {
+	                width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length,
+	                height: alphabetBounds.height
+	            };
+	        }
+	        return this._letterCharSize;
+	    }
+	    _measureSpecialChar(char) {
+	        if (isValid(this._specialCharSizeMap[char])) {
+	            return this._specialCharSizeMap[char];
+	        }
+	        if (this.specialCharSet.includes(char)) {
+	            this._specialCharSizeMap[char] = this._standardMethod(char);
+	            return this._specialCharSizeMap[char];
+	        }
+	        return null;
+	    }
+	    release() {
+	        if (isValid(this._canvas)) {
+	            this._canvas = null;
+	        }
+	        if (isValid(this._context)) {
+	            if (this._contextSaved) {
+	                this._context.restore();
+	                this._contextSaved = false;
+	            }
+	            this._context = null;
+	        }
+	    }
+	}
+	TextMeasure.ALPHABET_CHAR_SET = 'abcdefghijklmnopqrstuvwxyz';
+	TextMeasure.NUMBERS_CHAR_SET = '0123456789';
+	TextMeasure.FULL_SIZE_CHAR = '字';
+
+	const calculateAnchorOfBounds = (bounds, anchorType) => {
+	    const { x1, x2, y1, y2 } = bounds;
+	    const rectWidth = Math.abs(x2 - x1);
+	    const rectHeight = Math.abs(y2 - y1);
+	    let anchorX = (x1 + x2) / 2;
+	    let anchorY = (y1 + y2) / 2;
+	    let sx = 0;
+	    let sy = 0;
+	    switch (anchorType) {
+	        case 'top':
+	        case 'inside-top':
+	            sy = -0.5;
+	            break;
+	        case 'bottom':
+	        case 'inside-bottom':
+	            sy = 0.5;
+	            break;
+	        case 'left':
+	        case 'inside-left':
+	            sx = -0.5;
+	            break;
+	        case 'right':
+	        case 'inside-right':
+	            sx = 0.5;
+	            break;
+	        case 'top-right':
+	            sx = 0.5;
+	            sy = -0.5;
+	            break;
+	        case 'top-left':
+	            sx = -0.5;
+	            sy = -0.5;
+	            break;
+	        case 'bottom-right':
+	            sx = 0.5;
+	            sy = 0.5;
+	            break;
+	        case 'bottom-left':
+	            sx = -0.5;
+	            sy = 0.5;
+	    }
+	    anchorX += sx * rectWidth;
+	    anchorY += sy * rectHeight;
+	    return { x: anchorX, y: anchorY };
+	};
+
+	function transformBoundsWithMatrix(out, bounds, matrix) {
+	    const { x1, y1, x2, y2 } = bounds;
+	    if (matrix.onlyTranslate()) {
+	        if (out !== bounds) {
+	            out.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2);
+	        }
+	        out.translate(matrix.e, matrix.f);
+	        return bounds;
+	    }
+	    out.clear();
+	    out.add(matrix.a * x1 + matrix.c * y1 + matrix.e, matrix.b * x1 + matrix.d * y1 + matrix.f);
+	    out.add(matrix.a * x2 + matrix.c * y1 + matrix.e, matrix.b * x2 + matrix.d * y1 + matrix.f);
+	    out.add(matrix.a * x2 + matrix.c * y2 + matrix.e, matrix.b * x2 + matrix.d * y2 + matrix.f);
+	    out.add(matrix.a * x1 + matrix.c * y2 + matrix.e, matrix.b * x1 + matrix.d * y2 + matrix.f);
+	    return bounds;
+	}
+	function transformBounds(bounds, x, y, scaleX, scaleY, angle, rotateCenter) {
+	    if (abs(scaleX) <= epsilon || abs(scaleY) <= epsilon) {
+	        return;
+	    }
+	    scaleX !== 1 && bounds.scaleX(scaleX);
+	    scaleY !== 1 && bounds.scaleY(scaleY);
+	    if (isFinite(angle) && Math.abs(angle) > epsilon) {
+	        let rx = 0;
+	        let ry = 0;
+	        if (rotateCenter !== undefined) {
+	            rx = rotateCenter[0];
+	            ry = rotateCenter[1];
+	        }
+	        bounds.rotate(angle, rx, ry);
+	    }
+	    bounds.translate(x, y);
+	}
+	class Bounds {
+	    constructor(bounds) {
+	        if (bounds) {
+	            this.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2);
+	        }
+	        else {
+	            this.clear();
+	        }
+	    }
+	    clone() {
+	        return new Bounds(this);
+	    }
+	    clear() {
+	        this.x1 = +Number.MAX_VALUE;
+	        this.y1 = +Number.MAX_VALUE;
+	        this.x2 = -Number.MAX_VALUE;
+	        this.y2 = -Number.MAX_VALUE;
+	        return this;
+	    }
+	    empty() {
+	        return (this.x1 === +Number.MAX_VALUE &&
+	            this.y1 === +Number.MAX_VALUE &&
+	            this.x2 === -Number.MAX_VALUE &&
+	            this.y2 === -Number.MAX_VALUE);
+	    }
+	    equals(b) {
+	        return this.x1 === b.x1 && this.y1 === b.y1 && this.x2 === b.x2 && this.y2 === b.y2;
+	    }
+	    setValue(x1 = 0, y1 = 0, x2 = 0, y2 = 0) {
+	        this.x1 = x1;
+	        this.y1 = y1;
+	        this.x2 = x2;
+	        this.y2 = y2;
+	        return this;
+	    }
+	    set(x1 = 0, y1 = 0, x2 = 0, y2 = 0) {
+	        if (x2 < x1) {
+	            this.x2 = x1;
+	            this.x1 = x2;
+	        }
+	        else {
+	            this.x1 = x1;
+	            this.x2 = x2;
+	        }
+	        if (y2 < y1) {
+	            this.y2 = y1;
+	            this.y1 = y2;
+	        }
+	        else {
+	            this.y1 = y1;
+	            this.y2 = y2;
+	        }
+	        return this;
+	    }
+	    add(x = 0, y = 0) {
+	        if (x < this.x1) {
+	            this.x1 = x;
+	        }
+	        if (y < this.y1) {
+	            this.y1 = y;
+	        }
+	        if (x > this.x2) {
+	            this.x2 = x;
+	        }
+	        if (y > this.y2) {
+	            this.y2 = y;
+	        }
+	        return this;
 	    }
-	    const p1 = getCenterPoint(box1);
-	    const p2 = getCenterPoint(box2);
-	    ctx && ctx.fillRect(p1.x, p1.y, 2, 2);
-	    ctx && ctx.fillRect(p2.x, p2.y, 2, 2);
-	    const vp1p2 = vector(p1, p2);
-	    const AB = vector(rect1[0], rect1[1]);
-	    const BC = vector(rect1[1], rect1[2]);
-	    const A1B1 = vector(rect2[0], rect2[1]);
-	    const B1C1 = vector(rect2[1], rect2[2]);
-	    const deg11 = isDeg ? box1.angle : degreeToRadian(box1.angle);
-	    let deg12 = isDeg ? box1.angle + halfPi : degreeToRadian(90 - box1.angle);
-	    const deg21 = isDeg ? box2.angle : degreeToRadian(box2.angle);
-	    let deg22 = isDeg ? box2.angle + halfPi : degreeToRadian(90 - box2.angle);
-	    if (deg12 > pi2) {
-	        deg12 -= pi2;
+	    expand(d = 0) {
+	        if (isArray(d)) {
+	            this.y1 -= d[0];
+	            this.x2 += d[1];
+	            this.y2 += d[2];
+	            this.x1 -= d[3];
+	        }
+	        else {
+	            this.x1 -= d;
+	            this.y1 -= d;
+	            this.x2 += d;
+	            this.y2 += d;
+	        }
+	        return this;
 	    }
-	    if (deg22 > pi2) {
-	        deg22 -= pi2;
+	    round() {
+	        this.x1 = Math.floor(this.x1);
+	        this.y1 = Math.floor(this.y1);
+	        this.x2 = Math.ceil(this.x2);
+	        this.y2 = Math.ceil(this.y2);
+	        return this;
 	    }
-	    const isCover = (checkAxisRadius, deg, targetAxis1, targetAxis2) => {
-	        const checkAxis = [Math.cos(deg), Math.sin(deg)];
-	        const targetAxisRadius = (getProjectionRadius(checkAxis, targetAxis1) + getProjectionRadius(checkAxis, targetAxis2)) / 2;
-	        const centerPointRadius = getProjectionRadius(checkAxis, vp1p2);
-	        return checkAxisRadius + targetAxisRadius > centerPointRadius;
-	    };
-	    return (isCover((box1.x2 - box1.x1) / 2, deg11, A1B1, B1C1) &&
-	        isCover((box1.y2 - box1.y1) / 2, deg12, A1B1, B1C1) &&
-	        isCover((box2.x2 - box2.x1) / 2, deg21, AB, BC) &&
-	        isCover((box2.y2 - box2.y1) / 2, deg22, AB, BC));
-	}
-
-	let x1;
-	let y1;
-	let x2;
-	let y2;
-	function getAABBFromPoints(points) {
-	    (x1 = Infinity), (y1 = Infinity), (x2 = -Infinity), (y2 = -Infinity);
-	    points.forEach(point => {
-	        if (x1 > point.x) {
-	            x1 = point.x;
+	    translate(dx = 0, dy = 0) {
+	        this.x1 += dx;
+	        this.x2 += dx;
+	        this.y1 += dy;
+	        this.y2 += dy;
+	        return this;
+	    }
+	    rotate(angle = 0, x = 0, y = 0) {
+	        const p = this.rotatedPoints(angle, x, y);
+	        return this.clear().add(p[0], p[1]).add(p[2], p[3]).add(p[4], p[5]).add(p[6], p[7]);
+	    }
+	    scale(sx = 0, sy = 0, x = 0, y = 0) {
+	        const p = this.scalePoints(sx, sy, x, y);
+	        return this.clear().add(p[0], p[1]).add(p[2], p[3]);
+	    }
+	    union(b) {
+	        if (b.x1 < this.x1) {
+	            this.x1 = b.x1;
 	        }
-	        if (x2 < point.x) {
-	            x2 = point.x;
+	        if (b.y1 < this.y1) {
+	            this.y1 = b.y1;
 	        }
-	        if (y1 > point.y) {
-	            y1 = point.y;
+	        if (b.x2 > this.x2) {
+	            this.x2 = b.x2;
 	        }
-	        if (y2 < point.y) {
-	            y2 = point.y;
+	        if (b.y2 > this.y2) {
+	            this.y2 = b.y2;
 	        }
-	    });
-	    return { x1, y1, x2, y2 };
-	}
-	function pointInAABB(point, aabb) {
-	    return pointInRect(point, aabb, false);
-	}
-	function unionAABB(bounds1, bounds2, buffer = 3, format = false) {
-	    let x11 = bounds1.x1;
-	    let x12 = bounds1.x2;
-	    let y11 = bounds1.y1;
-	    let y12 = bounds1.y2;
-	    let x21 = bounds2.x1;
-	    let x22 = bounds2.x2;
-	    let y21 = bounds2.y1;
-	    let y22 = bounds2.y2;
-	    if (format) {
-	        let temp;
-	        if (x11 > x12) {
-	            temp = x11;
-	            x11 = x12;
-	            x12 = temp;
+	        return this;
+	    }
+	    intersect(b) {
+	        if (b.x1 > this.x1) {
+	            this.x1 = b.x1;
 	        }
-	        if (y11 > y12) {
-	            temp = y11;
-	            y11 = y12;
-	            y12 = temp;
+	        if (b.y1 > this.y1) {
+	            this.y1 = b.y1;
 	        }
-	        if (x21 > x22) {
-	            temp = x21;
-	            x21 = x22;
-	            x22 = temp;
+	        if (b.x2 < this.x2) {
+	            this.x2 = b.x2;
 	        }
-	        if (y21 > y22) {
-	            temp = y21;
-	            y21 = y22;
-	            y22 = temp;
+	        if (b.y2 < this.y2) {
+	            this.y2 = b.y2;
 	        }
+	        return this;
 	    }
-	    if (x11 >= x22 || x12 <= x21 || y11 >= y22 || y12 <= y21) {
-	        return [bounds1, bounds2];
+	    encloses(b) {
+	        return b && this.x1 <= b.x1 && this.x2 >= b.x2 && this.y1 <= b.y1 && this.y2 >= b.y2;
 	    }
-	    const area1 = (x12 - x11 + buffer * 2) * (y12 - y11 + buffer * 2);
-	    const area2 = (x22 - x21 + buffer * 2) * (y22 - y21 + buffer * 2);
-	    const x1 = Math.min(x11, x21);
-	    const y1 = Math.min(y11, y21);
-	    const x2 = Math.max(x12, x22);
-	    const y2 = Math.max(y12, y22);
-	    const unionArea = (x2 - x1) * (y2 - y1);
-	    if (area1 + area2 > unionArea) {
-	        return [{ x1, x2, y1, y2 }];
+	    alignsWith(b) {
+	        return b && (this.x1 === b.x1 || this.x2 === b.x2 || this.y1 === b.y1 || this.y2 === b.y2);
 	    }
-	    return [bounds1, bounds2];
-	}
-	function mergeAABB(boundsList) {
-	    const nextList = [];
-	    function _merge(baseBound, list) {
-	        const l = [];
-	        list.forEach(b => {
-	            let arr;
-	            if ((arr = unionAABB(baseBound, b)).length > 1) {
-	                l.push(b);
-	                return;
-	            }
-	            baseBound = arr[0];
-	        });
-	        nextList.push(baseBound);
-	        l.length && _merge(l[0], l.slice(1));
+	    intersects(b) {
+	        return b && !(this.x2 < b.x1 || this.x1 > b.x2 || this.y2 < b.y1 || this.y1 > b.y2);
 	    }
-	    _merge(boundsList[0], boundsList.slice(1));
-	    return nextList;
-	}
-
-	let dirX;
-	let dirY;
-	let normalX;
-	let normalY;
-	let len;
-	let lineWidthDiv2;
-	let width;
-	let height;
-	function getOBBFromLine(point1, point2, lineWidth) {
-	    dirX = point2.x - point1.x;
-	    dirY = point2.y - point1.y;
-	    (normalX = dirY), (normalY = -dirX);
-	    width = len = Math.sqrt(normalX * normalX + normalY * normalY);
-	    height = lineWidth;
-	    normalX /= len;
-	    normalY /= len;
-	    lineWidthDiv2 = lineWidth / 2;
-	    dirX = lineWidthDiv2 * normalX;
-	    dirY = lineWidthDiv2 * normalY;
-	    const point11 = { x: point1.x + dirX, y: point1.y + dirY };
-	    const point12 = { x: point1.x - dirX, y: point1.y - dirY };
-	    const point13 = { x: point2.x + dirX, y: point2.y + dirY };
-	    const point14 = { x: point2.x - dirX, y: point2.y - dirY };
-	    return {
-	        point1: point11,
-	        point2: point12,
-	        point3: point13,
-	        point4: point14,
-	        width,
-	        height,
-	        left: Math.min(point1.x, point2.x) - Math.abs(dirX),
-	        top: Math.min(point1.y, point2.y) - Math.abs(dirY)
-	    };
-	}
-	const point1 = { x: 0, y: 0 };
-	const point2 = { x: 0, y: 0 };
-	function pointInOBB(point, obb) {
-	    point1.x = (obb.point1.x + obb.point2.x) / 2;
-	    point1.y = (obb.point1.y + obb.point2.y) / 2;
-	    point2.x = (obb.point3.x + obb.point4.x) / 2;
-	    point2.y = (obb.point3.y + obb.point4.y) / 2;
-	    return pointInLine(point, point1, point2, obb.height);
-	}
-	function pointInLine(point, point1, point2, lineWidth) {
-	    return lengthFromPointToLine(point, point1, point2) <= lineWidth / 2 && pointBetweenLine(point, point1, point2);
-	}
-	const dir1 = { x: 0, y: 0 };
-	const dir2 = { x: 0, y: 0 };
-	const normal = { x: 0, y: 0 };
-	function pointBetweenLine(point, point1, point2) {
-	    dir1.x = point1.x - point.x;
-	    dir1.y = point1.y - point.y;
-	    dir2.x = point2.x - point.x;
-	    dir2.y = point2.y - point.y;
-	    normal.x = point1.y - point2.y;
-	    normal.y = point2.x - point1.x;
-	    return crossProductPoint(dir1, normal) * crossProductPoint(dir2, normal) < 0;
-	}
-
-	function getContextFont$1({ fontStyle, fontVariant, fontWeight, fontSize, fontFamily }) {
-	    return ('' +
-	        (fontStyle ? fontStyle + ' ' : '') +
-	        (fontVariant ? fontVariant + ' ' : '') +
-	        (fontWeight ? fontWeight + ' ' : '') +
-	        (fontSize || 12) +
-	        'px ' +
-	        (fontFamily ? fontFamily : 'sans-serif'));
-	}
-	class GraphicUtil {
-	    constructor(canvas) {
-	        this.canvas = canvas;
-	        if (canvas) {
-	            this.ctx = canvas.getContext('2d');
+	    contains(x = 0, y = 0) {
+	        return !(x < this.x1 || x > this.x2 || y < this.y1 || y > this.y2);
+	    }
+	    containsPoint(p) {
+	        return !(p.x < this.x1 || p.x > this.x2 || p.y < this.y1 || p.y > this.y2);
+	    }
+	    width() {
+	        if (this.empty()) {
+	            return 0;
 	        }
+	        return this.x2 - this.x1;
 	    }
-	    setCanvas(canvas) {
-	        this.canvas = canvas;
-	        if (canvas) {
-	            this.ctx = canvas.getContext('2d');
+	    height() {
+	        if (this.empty()) {
+	            return 0;
 	        }
+	        return this.y2 - this.y1;
 	    }
-	    measureText(tc) {
-	        if (!this.canvas) {
-	            console.warn('[warn] no canvas, measureText might be not accurate');
-	            return this.estimate(tc);
-	        }
-	        return this.measureTextByCanvas(tc);
+	    scaleX(s = 0) {
+	        this.x1 *= s;
+	        this.x2 *= s;
+	        return this;
 	    }
-	    measureTextByCanvas(tc) {
-	        if (!this.ctx) {
-	            console.error('[error!!!]measureTextByCanvas can not be called without canvas');
-	            return { width: -1, height: tc.fontSize };
-	        }
-	        this.ctx.font = getContextFont$1(tc);
-	        return {
-	            width: this.ctx.measureText(tc.text).width,
-	            height: tc.fontSize
-	        };
+	    scaleY(s = 0) {
+	        this.y1 *= s;
+	        this.y2 *= s;
+	        return this;
 	    }
-	    estimate({ text, fontSize }) {
-	        let eCharLen = 0;
-	        let cCharLen = 0;
-	        for (let i = 0; i < text.length; i++) {
-	            text.charCodeAt(i) < 128 ? eCharLen++ : cCharLen++;
-	        }
-	        return {
-	            width: ~~(0.8 * eCharLen * fontSize + cCharLen * fontSize),
-	            height: fontSize
-	        };
+	    transformWithMatrix(matrix) {
+	        transformBoundsWithMatrix(this, this, matrix);
+	        return this;
 	    }
-	    static getDefaultUtils(canvas) {
-	        if (!GraphicUtil.instance) {
-	            GraphicUtil.instance = new GraphicUtil(canvas);
-	        }
-	        return GraphicUtil.instance;
+	    copy(b) {
+	        this.x1 = b.x1;
+	        this.y1 = b.y1;
+	        this.x2 = b.x2;
+	        this.y2 = b.y2;
+	        return this;
+	    }
+	    rotatedPoints(angle, x, y) {
+	        const { x1, y1, x2, y2 } = this;
+	        const cos = Math.cos(angle);
+	        const sin = Math.sin(angle);
+	        const cx = x - x * cos + y * sin;
+	        const cy = y - x * sin - y * cos;
+	        return [
+	            cos * x1 - sin * y1 + cx,
+	            sin * x1 + cos * y1 + cy,
+	            cos * x1 - sin * y2 + cx,
+	            sin * x1 + cos * y2 + cy,
+	            cos * x2 - sin * y1 + cx,
+	            sin * x2 + cos * y1 + cy,
+	            cos * x2 - sin * y2 + cx,
+	            sin * x2 + cos * y2 + cy
+	        ];
+	    }
+	    scalePoints(sx, sy, x, y) {
+	        const { x1, y1, x2, y2 } = this;
+	        return [sx * x1 + (1 - sx) * x, sy * y1 + (1 - sy) * y, sx * x2 + (1 - sx) * x, sy * y2 + (1 - sy) * y];
 	    }
 	}
-
-	const EPSILON = 1e-8;
-	function lineIntersectPolygon(a1x, a1y, a2x, a2y, points) {
-	    for (let i = 0, p2 = points[points.length - 1]; i < points.length; i++) {
-	        const p = points[i];
-	        if (isIntersect([a1x, a1y], [a2x, a2y], [p.x, p.y], [p2.x, p2.y])) {
-	            return true;
+	class AABBBounds extends Bounds {
+	}
+	class OBBBounds extends Bounds {
+	    constructor(bounds, angle = 0) {
+	        super(bounds);
+	        if (bounds) {
+	            this.angle = angle;
 	        }
-	        p2 = p;
 	    }
-	    return false;
+	    intersects(b) {
+	        return isRotateAABBIntersect(this, b);
+	    }
+	    setValue(x1 = 0, y1 = 0, x2 = 0, y2 = 0, angle = 0) {
+	        super.setValue(x1, y1, x2, y2);
+	        this.angle = angle;
+	        return this;
+	    }
 	}
-	function polygonContainPoint(points, x, y) {
-	    let w = 0;
-	    let p = points[0];
-	    if (!p) {
-	        return false;
+
+	class Matrix {
+	    constructor(a = 1, b = 0, c = 0, d = 1, e = 0, f = 0) {
+	        this.a = a;
+	        this.b = b;
+	        this.c = c;
+	        this.d = d;
+	        this.e = e;
+	        this.f = f;
 	    }
-	    for (let i = 1; i < points.length; i++) {
-	        const p2 = points[i];
-	        w += isPointInLine(p.x, p.y, p2.x, p2.y, x, y);
-	        p = p2;
+	    equalToMatrix(m2) {
+	        return !(this.e !== m2.e ||
+	            this.f !== m2.f ||
+	            this.a !== m2.a ||
+	            this.d !== m2.d ||
+	            this.b !== m2.b ||
+	            this.c !== m2.c);
 	    }
-	    const p0 = points[0];
-	    if (!isAroundEqual(p.x, p0.x) || !isAroundEqual(p.y, p0.y)) {
-	        w += isPointInLine(p.x, p.y, p0.x, p0.y, x, y);
+	    equalTo(a, b, c, d, e, f) {
+	        return !(this.e !== e || this.f !== f || this.a !== a || this.d !== d || this.b !== b || this.c !== c);
+	    }
+	    setValue(a, b, c, d, e, f) {
+	        this.a = a;
+	        this.b = b;
+	        this.c = c;
+	        this.d = d;
+	        this.e = e;
+	        this.f = f;
+	        return this;
+	    }
+	    reset() {
+	        this.a = 1;
+	        this.b = 0;
+	        this.c = 0;
+	        this.d = 1;
+	        this.e = 0;
+	        this.f = 0;
+	        return this;
+	    }
+	    getInverse() {
+	        const a = this.a;
+	        const b = this.b;
+	        const c = this.c;
+	        const d = this.d;
+	        const e = this.e;
+	        const f = this.f;
+	        const m = new Matrix();
+	        const dt = a * d - b * c;
+	        m.a = d / dt;
+	        m.b = -b / dt;
+	        m.c = -c / dt;
+	        m.d = a / dt;
+	        m.e = (c * f - d * e) / dt;
+	        m.f = -(a * f - b * e) / dt;
+	        return m;
+	    }
+	    rotate(rad) {
+	        const c = Math.cos(rad);
+	        const s = Math.sin(rad);
+	        const m11 = this.a * c + this.c * s;
+	        const m12 = this.b * c + this.d * s;
+	        const m21 = this.a * -s + this.c * c;
+	        const m22 = this.b * -s + this.d * c;
+	        this.a = m11;
+	        this.b = m12;
+	        this.c = m21;
+	        this.d = m22;
+	        return this;
+	    }
+	    rotateByCenter(rad, cx, cy) {
+	        const cos = Math.cos(rad);
+	        const sin = Math.sin(rad);
+	        const rotateM13 = (1 - cos) * cx + sin * cy;
+	        const rotateM23 = (1 - cos) * cy - sin * cx;
+	        const m11 = cos * this.a - sin * this.b;
+	        const m21 = sin * this.a + cos * this.b;
+	        const m12 = cos * this.c - sin * this.d;
+	        const m22 = sin * this.c + cos * this.d;
+	        const m13 = cos * this.e - sin * this.f + rotateM13;
+	        const m23 = sin * this.e + cos * this.f + rotateM23;
+	        this.a = m11;
+	        this.b = m21;
+	        this.c = m12;
+	        this.d = m22;
+	        this.e = m13;
+	        this.f = m23;
+	        return this;
+	    }
+	    scale(sx, sy) {
+	        this.a *= sx;
+	        this.b *= sx;
+	        this.c *= sy;
+	        this.d *= sy;
+	        return this;
+	    }
+	    setScale(sx, sy) {
+	        this.b = (this.b / this.a) * sx;
+	        this.c = (this.c / this.d) * sy;
+	        this.a = sx;
+	        this.d = sy;
+	        return this;
+	    }
+	    transform(a, b, c, d, e, f) {
+	        this.multiply(a, b, c, d, e, f);
+	        return this;
+	    }
+	    translate(x, y) {
+	        this.e += this.a * x + this.c * y;
+	        this.f += this.b * x + this.d * y;
+	        return this;
+	    }
+	    transpose() {
+	        const { a, b, c, d, e, f } = this;
+	        this.a = b;
+	        this.b = a;
+	        this.c = d;
+	        this.d = c;
+	        this.e = f;
+	        this.f = e;
+	        return this;
+	    }
+	    multiply(a2, b2, c2, d2, e2, f2) {
+	        const a1 = this.a;
+	        const b1 = this.b;
+	        const c1 = this.c;
+	        const d1 = this.d;
+	        const e1 = this.e;
+	        const f1 = this.f;
+	        const m11 = a1 * a2 + c1 * b2;
+	        const m12 = b1 * a2 + d1 * b2;
+	        const m21 = a1 * c2 + c1 * d2;
+	        const m22 = b1 * c2 + d1 * d2;
+	        const dx = a1 * e2 + c1 * f2 + e1;
+	        const dy = b1 * e2 + d1 * f2 + f1;
+	        this.a = m11;
+	        this.b = m12;
+	        this.c = m21;
+	        this.d = m22;
+	        this.e = dx;
+	        this.f = dy;
+	        return this;
+	    }
+	    interpolate(m2, t) {
+	        const m = new Matrix();
+	        m.a = this.a + (m2.a - this.a) * t;
+	        m.b = this.b + (m2.b - this.b) * t;
+	        m.c = this.c + (m2.c - this.c) * t;
+	        m.d = this.d + (m2.d - this.d) * t;
+	        m.e = this.e + (m2.e - this.e) * t;
+	        m.f = this.f + (m2.f - this.f) * t;
+	        return m;
 	    }
-	    return w !== 0;
-	}
-	function isPointInLine(x0, y0, x1, y1, x, y) {
-	    if ((y > y0 && y > y1) || (y < y0 && y < y1)) {
-	        return 0;
+	    transformPoint(source, target) {
+	        const { a, b, c, d, e, f } = this;
+	        const dt = a * d - b * c;
+	        const nextA = d / dt;
+	        const nextB = -b / dt;
+	        const nextC = -c / dt;
+	        const nextD = a / dt;
+	        const nextE = (c * f - d * e) / dt;
+	        const nextF = -(a * f - b * e) / dt;
+	        const { x, y } = source;
+	        target.x = x * nextA + y * nextC + nextE;
+	        target.y = x * nextB + y * nextD + nextF;
 	    }
-	    if (y1 === y0) {
-	        return 0;
+	    onlyTranslate(scale = 1) {
+	        return this.a === scale && this.b === 0 && this.c === 0 && this.d === scale;
 	    }
-	    const t = (y - y0) / (y1 - y0);
-	    let dir = y1 < y0 ? 1 : -1;
-	    if (t === 1 || t === 0) {
-	        dir = y1 < y0 ? 0.5 : -0.5;
+	    clone() {
+	        return new Matrix(this.a, this.b, this.c, this.d, this.e, this.f);
 	    }
-	    const x_ = t * (x1 - x0) + x0;
-	    return x_ === x ? Infinity : x_ > x ? dir : 0;
-	}
-	function isAroundEqual(a, b) {
-	    return Math.abs(a - b) < EPSILON;
-	}
-	function polygonIntersectPolygon(pointsA, pointsB) {
-	    for (let i = 0; i < pointsB.length; i++) {
-	        if (polygonContainPoint(pointsA, pointsB[i].x, pointsB[i].y)) {
-	            return true;
+	    toTransformAttrs() {
+	        const a = this.a;
+	        const b = this.b;
+	        const c = this.c;
+	        const d = this.d;
+	        const e = this.e;
+	        const f = this.f;
+	        const delta = a * d - b * c;
+	        const result = {
+	            x: e,
+	            y: f,
+	            rotateDeg: 0,
+	            scaleX: 0,
+	            scaleY: 0,
+	            skewX: 0,
+	            skewY: 0
+	        };
+	        if (a !== 0 || b !== 0) {
+	            const r = Math.sqrt(a * a + b * b);
+	            result.rotateDeg = b > 0 ? Math.acos(a / r) : -Math.acos(a / r);
+	            result.scaleX = r;
+	            result.scaleY = delta / r;
+	            result.skewX = (a * c + b * d) / delta;
+	            result.skewY = 0;
 	        }
-	        if (i > 0 && lineIntersectPolygon(pointsB[i - 1].x, pointsB[i - 1].y, pointsB[i].x, pointsB[i].y, pointsA)) {
-	            return true;
+	        else if (c !== 0 || d !== 0) {
+	            const s = Math.sqrt(c * c + d * d);
+	            result.rotateDeg = Math.PI / 2 - (d > 0 ? Math.acos(-c / s) : -Math.acos(c / s));
+	            result.scaleX = delta / s;
+	            result.scaleY = s;
+	            result.skewX = 0;
+	            result.skewY = (a * c + b * d) / delta;
 	        }
+	        else ;
+	        result.rotateDeg = radianToDegree(result.rotateDeg);
+	        return result;
 	    }
-	    return false;
 	}
-
-	const calculateAnchorOfArc = (arcAttr, anchorType) => {
-	    const { startAngle, endAngle, innerRadius, outerRadius } = arcAttr;
-	    let angle = (startAngle + endAngle) / 2;
-	    let radius = (innerRadius + outerRadius) / 2;
-	    switch (anchorType) {
-	        case 'inner-start':
-	            angle = startAngle;
-	            radius = innerRadius;
-	            break;
-	        case 'outer-start':
-	            angle = startAngle;
-	            radius = outerRadius;
-	            break;
-	        case 'inner-end':
-	            angle = endAngle;
-	            radius = innerRadius;
-	            break;
-	        case 'outer-end':
-	            angle = endAngle;
-	            radius = outerRadius;
-	            break;
-	        case 'inner-middle':
-	            radius = innerRadius;
-	            break;
-	        case 'outer-middle':
-	            radius = outerRadius;
-	            break;
+	function normalTransform(out, origin, x, y, scaleX, scaleY, angle, rotateCenter) {
+	    const oa = origin.a;
+	    const ob = origin.b;
+	    const oc = origin.c;
+	    const od = origin.d;
+	    const oe = origin.e;
+	    const of = origin.f;
+	    const cosTheta = cos(angle);
+	    const sinTheta = sin(angle);
+	    let rotateCenterX;
+	    let rotateCenterY;
+	    if (rotateCenter) {
+	        rotateCenterX = rotateCenter[0];
+	        rotateCenterY = rotateCenter[1];
 	    }
-	    return { angle, radius };
-	};
-
-	function stringWidth(string, ambiguousCharacterIsNarrow = true) {
-	    if (typeof string !== 'string' || string.length === 0) {
-	        return 0;
+	    else {
+	        rotateCenterX = x;
+	        rotateCenterY = y;
 	    }
-	    string = stripAnsi(string);
-	    if (string.length === 0) {
-	        return 0;
+	    const offsetX = rotateCenterX - x;
+	    const offsetY = rotateCenterY - y;
+	    const a1 = oa * cosTheta + oc * sinTheta;
+	    const b1 = ob * cosTheta + od * sinTheta;
+	    const c1 = oc * cosTheta - oa * sinTheta;
+	    const d1 = od * cosTheta - ob * sinTheta;
+	    out.a = scaleX * a1;
+	    out.b = scaleX * b1;
+	    out.c = scaleY * c1;
+	    out.d = scaleY * d1;
+	    out.e = oe + oa * rotateCenterX + oc * rotateCenterY - a1 * offsetX - c1 * offsetY;
+	    out.f = of + ob * rotateCenterX + od * rotateCenterY - b1 * offsetX - d1 * offsetY;
+	}
+
+	class LRU {
+	    constructor() {
+	        this.CLEAN_THRESHOLD = 1e3;
+	        this.L_TIME = 1000;
+	        this.R_COUNT = 1;
+	        this.R_TIMESTAMP_MAX_SIZE = 20;
 	    }
-	    string = string.replace(emojiRegex(), '  ');
-	    const ambiguousCharacterWidth = ambiguousCharacterIsNarrow ? 1 : 2;
-	    let width = 0;
-	    for (const character of string) {
-	        const codePoint = character.codePointAt(0);
-	        if (codePoint <= 0x1f || (codePoint >= 0x7f && codePoint <= 0x9f)) {
-	            continue;
+	    clearCache(cache, params) {
+	        const { CLEAN_THRESHOLD = this.CLEAN_THRESHOLD, L_TIME = this.L_TIME, R_COUNT = this.R_COUNT } = params;
+	        if (cache.size < CLEAN_THRESHOLD) {
+	            return 0;
 	        }
-	        if (codePoint >= 0x300 && codePoint <= 0x36f) {
-	            continue;
+	        let clearNum = 0;
+	        const clear = (key) => {
+	            clearNum++;
+	            cache.delete(key);
+	        };
+	        const now = Date.now();
+	        cache.forEach((item, key) => {
+	            if (item.timestamp.length < R_COUNT) {
+	                return clear(key);
+	            }
+	            let useCount = 0;
+	            while (now - item.timestamp[item.timestamp.length - 1 - useCount] < L_TIME) {
+	                useCount++;
+	                if (useCount >= R_COUNT) {
+	                    break;
+	                }
+	            }
+	            if (useCount < R_COUNT) {
+	                return clear(key);
+	            }
+	            while (now - item.timestamp[0] > L_TIME) {
+	                item.timestamp.shift();
+	            }
+	            return;
+	        });
+	        return clearNum;
+	    }
+	    addLimitedTimestamp(cacheItem, t, params) {
+	        const { R_TIMESTAMP_MAX_SIZE = this.R_TIMESTAMP_MAX_SIZE } = params;
+	        if (cacheItem.timestamp.length > R_TIMESTAMP_MAX_SIZE) {
+	            cacheItem.timestamp.shift();
 	        }
-	        const code = eastAsianCharacterInfo(character);
-	        switch (code) {
-	            case 'F':
-	            case 'W':
-	                width += 2;
-	                break;
-	            case 'A':
-	                width += ambiguousCharacterWidth;
-	                break;
-	            default:
-	                width += 1;
+	        cacheItem.timestamp.push(t);
+	    }
+	    clearTimeStamp(cache, params) {
+	        const { L_TIME = this.L_TIME } = params;
+	        const now = Date.now();
+	        cache.forEach(item => {
+	            while (now - item.timestamp[0] > L_TIME) {
+	                item.timestamp.shift();
+	            }
+	        });
+	    }
+	    clearItemTimestamp(cacheItem, params) {
+	        const { L_TIME = this.L_TIME } = params;
+	        const now = Date.now();
+	        while (now - cacheItem.timestamp[0] > L_TIME) {
+	            cacheItem.timestamp.shift();
 	        }
 	    }
-	    return width;
 	}
-	const stripAnsi = (string) => {
-	    if (typeof string !== 'string') {
-	        throw new TypeError(`Expected a \`string\`, got \`${typeof string}\``);
-	    }
-	    return string.replace(ansiRegex(), '');
-	};
-	const ansiRegex = ({ onlyFirst = false } = {}) => {
-	    const pattern = [
-	        '[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)',
-	        '(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))'
-	    ].join('|');
-	    return new RegExp(pattern, onlyFirst ? undefined : 'g');
-	};
-	const eastAsianCharacterInfo = (character) => {
-	    let x = character.charCodeAt(0);
-	    let y = character.length === 2 ? character.charCodeAt(1) : 0;
-	    let codePoint = x;
-	    if (0xd800 <= x && x <= 0xdbff && 0xdc00 <= y && y <= 0xdfff) {
-	        x &= 0x3ff;
-	        y &= 0x3ff;
-	        codePoint = (x << 10) | y;
-	        codePoint += 0x10000;
+
+	function hslToRgb(h, s, l) {
+	    s /= 100;
+	    l /= 100;
+	    const c = (1 - Math.abs(2 * l - 1)) * s;
+	    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+	    const m = l - c / 2;
+	    let r = 0;
+	    let g = 0;
+	    let b = 0;
+	    if (0 <= h && h < 60) {
+	        r = c;
+	        g = x;
+	        b = 0;
 	    }
-	    if (0x3000 === codePoint ||
-	        (0xff01 <= codePoint && codePoint <= 0xff60) ||
-	        (0xffe0 <= codePoint && codePoint <= 0xffe6)) {
-	        return 'F';
+	    else if (60 <= h && h < 120) {
+	        r = x;
+	        g = c;
+	        b = 0;
 	    }
-	    if (0x20a9 === codePoint ||
-	        (0xff61 <= codePoint && codePoint <= 0xffbe) ||
-	        (0xffc2 <= codePoint && codePoint <= 0xffc7) ||
-	        (0xffca <= codePoint && codePoint <= 0xffcf) ||
-	        (0xffd2 <= codePoint && codePoint <= 0xffd7) ||
-	        (0xffda <= codePoint && codePoint <= 0xffdc) ||
-	        (0xffe8 <= codePoint && codePoint <= 0xffee)) {
-	        return 'H';
+	    else if (120 <= h && h < 180) {
+	        r = 0;
+	        g = c;
+	        b = x;
 	    }
-	    if ((0x1100 <= codePoint && codePoint <= 0x115f) ||
-	        (0x11a3 <= codePoint && codePoint <= 0x11a7) ||
-	        (0x11fa <= codePoint && codePoint <= 0x11ff) ||
-	        (0x2329 <= codePoint && codePoint <= 0x232a) ||
-	        (0x2e80 <= codePoint && codePoint <= 0x2e99) ||
-	        (0x2e9b <= codePoint && codePoint <= 0x2ef3) ||
-	        (0x2f00 <= codePoint && codePoint <= 0x2fd5) ||
-	        (0x2ff0 <= codePoint && codePoint <= 0x2ffb) ||
-	        (0x3001 <= codePoint && codePoint <= 0x303e) ||
-	        (0x3041 <= codePoint && codePoint <= 0x3096) ||
-	        (0x3099 <= codePoint && codePoint <= 0x30ff) ||
-	        (0x3105 <= codePoint && codePoint <= 0x312d) ||
-	        (0x3131 <= codePoint && codePoint <= 0x318e) ||
-	        (0x3190 <= codePoint && codePoint <= 0x31ba) ||
-	        (0x31c0 <= codePoint && codePoint <= 0x31e3) ||
-	        (0x31f0 <= codePoint && codePoint <= 0x321e) ||
-	        (0x3220 <= codePoint && codePoint <= 0x3247) ||
-	        (0x3250 <= codePoint && codePoint <= 0x32fe) ||
-	        (0x3300 <= codePoint && codePoint <= 0x4dbf) ||
-	        (0x4e00 <= codePoint && codePoint <= 0xa48c) ||
-	        (0xa490 <= codePoint && codePoint <= 0xa4c6) ||
-	        (0xa960 <= codePoint && codePoint <= 0xa97c) ||
-	        (0xac00 <= codePoint && codePoint <= 0xd7a3) ||
-	        (0xd7b0 <= codePoint && codePoint <= 0xd7c6) ||
-	        (0xd7cb <= codePoint && codePoint <= 0xd7fb) ||
-	        (0xf900 <= codePoint && codePoint <= 0xfaff) ||
-	        (0xfe10 <= codePoint && codePoint <= 0xfe19) ||
-	        (0xfe30 <= codePoint && codePoint <= 0xfe52) ||
-	        (0xfe54 <= codePoint && codePoint <= 0xfe66) ||
-	        (0xfe68 <= codePoint && codePoint <= 0xfe6b) ||
-	        (0x1b000 <= codePoint && codePoint <= 0x1b001) ||
-	        (0x1f200 <= codePoint && codePoint <= 0x1f202) ||
-	        (0x1f210 <= codePoint && codePoint <= 0x1f23a) ||
-	        (0x1f240 <= codePoint && codePoint <= 0x1f248) ||
-	        (0x1f250 <= codePoint && codePoint <= 0x1f251) ||
-	        (0x20000 <= codePoint && codePoint <= 0x2f73f) ||
-	        (0x2b740 <= codePoint && codePoint <= 0x2fffd) ||
-	        (0x30000 <= codePoint && codePoint <= 0x3fffd)) {
-	        return 'W';
+	    else if (180 <= h && h < 240) {
+	        r = 0;
+	        g = x;
+	        b = c;
 	    }
-	    if ((0x0020 <= codePoint && codePoint <= 0x007e) ||
-	        (0x00a2 <= codePoint && codePoint <= 0x00a3) ||
-	        (0x00a5 <= codePoint && codePoint <= 0x00a6) ||
-	        0x00ac === codePoint ||
-	        0x00af === codePoint ||
-	        (0x27e6 <= codePoint && codePoint <= 0x27ed) ||
-	        (0x2985 <= codePoint && codePoint <= 0x2986)) {
-	        return 'Na';
+	    else if (240 <= h && h < 300) {
+	        r = x;
+	        g = 0;
+	        b = c;
 	    }
-	    if (0x00a1 === codePoint ||
-	        0x00a4 === codePoint ||
-	        (0x00a7 <= codePoint && codePoint <= 0x00a8) ||
-	        0x00aa === codePoint ||
-	        (0x00ad <= codePoint && codePoint <= 0x00ae) ||
-	        (0x00b0 <= codePoint && codePoint <= 0x00b4) ||
-	        (0x00b6 <= codePoint && codePoint <= 0x00ba) ||
-	        (0x00bc <= codePoint && codePoint <= 0x00bf) ||
-	        0x00c6 === codePoint ||
-	        0x00d0 === codePoint ||
-	        (0x00d7 <= codePoint && codePoint <= 0x00d8) ||
-	        (0x00de <= codePoint && codePoint <= 0x00e1) ||
-	        0x00e6 === codePoint ||
-	        (0x00e8 <= codePoint && codePoint <= 0x00ea) ||
-	        (0x00ec <= codePoint && codePoint <= 0x00ed) ||
-	        0x00f0 === codePoint ||
-	        (0x00f2 <= codePoint && codePoint <= 0x00f3) ||
-	        (0x00f7 <= codePoint && codePoint <= 0x00fa) ||
-	        0x00fc === codePoint ||
-	        0x00fe === codePoint ||
-	        0x0101 === codePoint ||
-	        0x0111 === codePoint ||
-	        0x0113 === codePoint ||
-	        0x011b === codePoint ||
-	        (0x0126 <= codePoint && codePoint <= 0x0127) ||
-	        0x012b === codePoint ||
-	        (0x0131 <= codePoint && codePoint <= 0x0133) ||
-	        0x0138 === codePoint ||
-	        (0x013f <= codePoint && codePoint <= 0x0142) ||
-	        0x0144 === codePoint ||
-	        (0x0148 <= codePoint && codePoint <= 0x014b) ||
-	        0x014d === codePoint ||
-	        (0x0152 <= codePoint && codePoint <= 0x0153) ||
-	        (0x0166 <= codePoint && codePoint <= 0x0167) ||
-	        0x016b === codePoint ||
-	        0x01ce === codePoint ||
-	        0x01d0 === codePoint ||
-	        0x01d2 === codePoint ||
-	        0x01d4 === codePoint ||
-	        0x01d6 === codePoint ||
-	        0x01d8 === codePoint ||
-	        0x01da === codePoint ||
-	        0x01dc === codePoint ||
-	        0x0251 === codePoint ||
-	        0x0261 === codePoint ||
-	        0x02c4 === codePoint ||
-	        0x02c7 === codePoint ||
-	        (0x02c9 <= codePoint && codePoint <= 0x02cb) ||
-	        0x02cd === codePoint ||
-	        0x02d0 === codePoint ||
-	        (0x02d8 <= codePoint && codePoint <= 0x02db) ||
-	        0x02dd === codePoint ||
-	        0x02df === codePoint ||
-	        (0x0300 <= codePoint && codePoint <= 0x036f) ||
-	        (0x0391 <= codePoint && codePoint <= 0x03a1) ||
-	        (0x03a3 <= codePoint && codePoint <= 0x03a9) ||
-	        (0x03b1 <= codePoint && codePoint <= 0x03c1) ||
-	        (0x03c3 <= codePoint && codePoint <= 0x03c9) ||
-	        0x0401 === codePoint ||
-	        (0x0410 <= codePoint && codePoint <= 0x044f) ||
-	        0x0451 === codePoint ||
-	        0x2010 === codePoint ||
-	        (0x2013 <= codePoint && codePoint <= 0x2016) ||
-	        (0x2018 <= codePoint && codePoint <= 0x2019) ||
-	        (0x201c <= codePoint && codePoint <= 0x201d) ||
-	        (0x2020 <= codePoint && codePoint <= 0x2022) ||
-	        (0x2024 <= codePoint && codePoint <= 0x2027) ||
-	        0x2030 === codePoint ||
-	        (0x2032 <= codePoint && codePoint <= 0x2033) ||
-	        0x2035 === codePoint ||
-	        0x203b === codePoint ||
-	        0x203e === codePoint ||
-	        0x2074 === codePoint ||
-	        0x207f === codePoint ||
-	        (0x2081 <= codePoint && codePoint <= 0x2084) ||
-	        0x20ac === codePoint ||
-	        0x2103 === codePoint ||
-	        0x2105 === codePoint ||
-	        0x2109 === codePoint ||
-	        0x2113 === codePoint ||
-	        0x2116 === codePoint ||
-	        (0x2121 <= codePoint && codePoint <= 0x2122) ||
-	        0x2126 === codePoint ||
-	        0x212b === codePoint ||
-	        (0x2153 <= codePoint && codePoint <= 0x2154) ||
-	        (0x215b <= codePoint && codePoint <= 0x215e) ||
-	        (0x2160 <= codePoint && codePoint <= 0x216b) ||
-	        (0x2170 <= codePoint && codePoint <= 0x2179) ||
-	        0x2189 === codePoint ||
-	        (0x2190 <= codePoint && codePoint <= 0x2199) ||
-	        (0x21b8 <= codePoint && codePoint <= 0x21b9) ||
-	        0x21d2 === codePoint ||
-	        0x21d4 === codePoint ||
-	        0x21e7 === codePoint ||
-	        0x2200 === codePoint ||
-	        (0x2202 <= codePoint && codePoint <= 0x2203) ||
-	        (0x2207 <= codePoint && codePoint <= 0x2208) ||
-	        0x220b === codePoint ||
-	        0x220f === codePoint ||
-	        0x2211 === codePoint ||
-	        0x2215 === codePoint ||
-	        0x221a === codePoint ||
-	        (0x221d <= codePoint && codePoint <= 0x2220) ||
-	        0x2223 === codePoint ||
-	        0x2225 === codePoint ||
-	        (0x2227 <= codePoint && codePoint <= 0x222c) ||
-	        0x222e === codePoint ||
-	        (0x2234 <= codePoint && codePoint <= 0x2237) ||
-	        (0x223c <= codePoint && codePoint <= 0x223d) ||
-	        0x2248 === codePoint ||
-	        0x224c === codePoint ||
-	        0x2252 === codePoint ||
-	        (0x2260 <= codePoint && codePoint <= 0x2261) ||
-	        (0x2264 <= codePoint && codePoint <= 0x2267) ||
-	        (0x226a <= codePoint && codePoint <= 0x226b) ||
-	        (0x226e <= codePoint && codePoint <= 0x226f) ||
-	        (0x2282 <= codePoint && codePoint <= 0x2283) ||
-	        (0x2286 <= codePoint && codePoint <= 0x2287) ||
-	        0x2295 === codePoint ||
-	        0x2299 === codePoint ||
-	        0x22a5 === codePoint ||
-	        0x22bf === codePoint ||
-	        0x2312 === codePoint ||
-	        (0x2460 <= codePoint && codePoint <= 0x24e9) ||
-	        (0x24eb <= codePoint && codePoint <= 0x254b) ||
-	        (0x2550 <= codePoint && codePoint <= 0x2573) ||
-	        (0x2580 <= codePoint && codePoint <= 0x258f) ||
-	        (0x2592 <= codePoint && codePoint <= 0x2595) ||
-	        (0x25a0 <= codePoint && codePoint <= 0x25a1) ||
-	        (0x25a3 <= codePoint && codePoint <= 0x25a9) ||
-	        (0x25b2 <= codePoint && codePoint <= 0x25b3) ||
-	        (0x25b6 <= codePoint && codePoint <= 0x25b7) ||
-	        (0x25bc <= codePoint && codePoint <= 0x25bd) ||
-	        (0x25c0 <= codePoint && codePoint <= 0x25c1) ||
-	        (0x25c6 <= codePoint && codePoint <= 0x25c8) ||
-	        0x25cb === codePoint ||
-	        (0x25ce <= codePoint && codePoint <= 0x25d1) ||
-	        (0x25e2 <= codePoint && codePoint <= 0x25e5) ||
-	        0x25ef === codePoint ||
-	        (0x2605 <= codePoint && codePoint <= 0x2606) ||
-	        0x2609 === codePoint ||
-	        (0x260e <= codePoint && codePoint <= 0x260f) ||
-	        (0x2614 <= codePoint && codePoint <= 0x2615) ||
-	        0x261c === codePoint ||
-	        0x261e === codePoint ||
-	        0x2640 === codePoint ||
-	        0x2642 === codePoint ||
-	        (0x2660 <= codePoint && codePoint <= 0x2661) ||
-	        (0x2663 <= codePoint && codePoint <= 0x2665) ||
-	        (0x2667 <= codePoint && codePoint <= 0x266a) ||
-	        (0x266c <= codePoint && codePoint <= 0x266d) ||
-	        0x266f === codePoint ||
-	        (0x269e <= codePoint && codePoint <= 0x269f) ||
-	        (0x26be <= codePoint && codePoint <= 0x26bf) ||
-	        (0x26c4 <= codePoint && codePoint <= 0x26cd) ||
-	        (0x26cf <= codePoint && codePoint <= 0x26e1) ||
-	        0x26e3 === codePoint ||
-	        (0x26e8 <= codePoint && codePoint <= 0x26ff) ||
-	        0x273d === codePoint ||
-	        0x2757 === codePoint ||
-	        (0x2776 <= codePoint && codePoint <= 0x277f) ||
-	        (0x2b55 <= codePoint && codePoint <= 0x2b59) ||
-	        (0x3248 <= codePoint && codePoint <= 0x324f) ||
-	        (0xe000 <= codePoint && codePoint <= 0xf8ff) ||
-	        (0xfe00 <= codePoint && codePoint <= 0xfe0f) ||
-	        0xfffd === codePoint ||
-	        (0x1f100 <= codePoint && codePoint <= 0x1f10a) ||
-	        (0x1f110 <= codePoint && codePoint <= 0x1f12d) ||
-	        (0x1f130 <= codePoint && codePoint <= 0x1f169) ||
-	        (0x1f170 <= codePoint && codePoint <= 0x1f19a) ||
-	        (0xe0100 <= codePoint && codePoint <= 0xe01ef) ||
-	        (0xf0000 <= codePoint && codePoint <= 0xffffd) ||
-	        (0x100000 <= codePoint && codePoint <= 0x10fffd)) {
-	        return 'A';
+	    else if (300 <= h && h < 360) {
+	        r = c;
+	        g = 0;
+	        b = x;
+	    }
+	    r = Math.round((r + m) * 255);
+	    g = Math.round((g + m) * 255);
+	    b = Math.round((b + m) * 255);
+	    return { r, g, b };
+	}
+
+	function rgbToHsl(r, g, b) {
+	    r /= 255;
+	    g /= 255;
+	    b /= 255;
+	    const cMin = Math.min(r, g, b);
+	    const cMax = Math.max(r, g, b);
+	    const delta = cMax - cMin;
+	    let h = 0;
+	    let s = 0;
+	    let l = 0;
+	    if (delta === 0) {
+	        h = 0;
 	    }
-	    return 'N';
+	    else if (cMax === r) {
+	        h = ((g - b) / delta) % 6;
+	    }
+	    else if (cMax === g) {
+	        h = (b - r) / delta + 2;
+	    }
+	    else {
+	        h = (r - g) / delta + 4;
+	    }
+	    h = Math.round(h * 60);
+	    if (h < 0) {
+	        h += 360;
+	    }
+	    l = (cMax + cMin) / 2;
+	    s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
+	    s = +(s * 100).toFixed(1);
+	    l = +(l * 100).toFixed(1);
+	    return {
+	        h,
+	        s,
+	        l
+	    };
+	}
+
+	const REG_HEX = /^#([0-9a-f]{3,8})$/;
+	const DEFAULT_COLORS_OPACITY = {
+	    transparent: 0xffffff00
 	};
-	const emojiRegex = () => {
-	    return /[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26D3\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26F9(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC3\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC08\uDC26](?:\u200D\u2B1B)?|[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC25\uDC27-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE])))?))?|\uDC6F(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDD75(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF8](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC2\uDECE-\uDEDB\uDEE0-\uDEE8]|\uDD3C(?:\u200D[\u2640\u2642]\uFE0F?|\uD83C[\uDFFB-\uDFFF])?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?)/g;
+	const DEFAULT_COLORS = {
+	    aliceblue: 0xf0f8ff,
+	    antiquewhite: 0xfaebd7,
+	    aqua: 0x00ffff,
+	    aquamarine: 0x7fffd4,
+	    azure: 0xf0ffff,
+	    beige: 0xf5f5dc,
+	    bisque: 0xffe4c4,
+	    black: 0x000000,
+	    blanchedalmond: 0xffebcd,
+	    blue: 0x0000ff,
+	    blueviolet: 0x8a2be2,
+	    brown: 0xa52a2a,
+	    burlywood: 0xdeb887,
+	    cadetblue: 0x5f9ea0,
+	    chartreuse: 0x7fff00,
+	    chocolate: 0xd2691e,
+	    coral: 0xff7f50,
+	    cornflowerblue: 0x6495ed,
+	    cornsilk: 0xfff8dc,
+	    crimson: 0xdc143c,
+	    cyan: 0x00ffff,
+	    darkblue: 0x00008b,
+	    darkcyan: 0x008b8b,
+	    darkgoldenrod: 0xb8860b,
+	    darkgray: 0xa9a9a9,
+	    darkgreen: 0x006400,
+	    darkgrey: 0xa9a9a9,
+	    darkkhaki: 0xbdb76b,
+	    darkmagenta: 0x8b008b,
+	    darkolivegreen: 0x556b2f,
+	    darkorange: 0xff8c00,
+	    darkorchid: 0x9932cc,
+	    darkred: 0x8b0000,
+	    darksalmon: 0xe9967a,
+	    darkseagreen: 0x8fbc8f,
+	    darkslateblue: 0x483d8b,
+	    darkslategray: 0x2f4f4f,
+	    darkslategrey: 0x2f4f4f,
+	    darkturquoise: 0x00ced1,
+	    darkviolet: 0x9400d3,
+	    deeppink: 0xff1493,
+	    deepskyblue: 0x00bfff,
+	    dimgray: 0x696969,
+	    dimgrey: 0x696969,
+	    dodgerblue: 0x1e90ff,
+	    firebrick: 0xb22222,
+	    floralwhite: 0xfffaf0,
+	    forestgreen: 0x228b22,
+	    fuchsia: 0xff00ff,
+	    gainsboro: 0xdcdcdc,
+	    ghostwhite: 0xf8f8ff,
+	    gold: 0xffd700,
+	    goldenrod: 0xdaa520,
+	    gray: 0x808080,
+	    green: 0x008000,
+	    greenyellow: 0xadff2f,
+	    grey: 0x808080,
+	    honeydew: 0xf0fff0,
+	    hotpink: 0xff69b4,
+	    indianred: 0xcd5c5c,
+	    indigo: 0x4b0082,
+	    ivory: 0xfffff0,
+	    khaki: 0xf0e68c,
+	    lavender: 0xe6e6fa,
+	    lavenderblush: 0xfff0f5,
+	    lawngreen: 0x7cfc00,
+	    lemonchiffon: 0xfffacd,
+	    lightblue: 0xadd8e6,
+	    lightcoral: 0xf08080,
+	    lightcyan: 0xe0ffff,
+	    lightgoldenrodyellow: 0xfafad2,
+	    lightgray: 0xd3d3d3,
+	    lightgreen: 0x90ee90,
+	    lightgrey: 0xd3d3d3,
+	    lightpink: 0xffb6c1,
+	    lightsalmon: 0xffa07a,
+	    lightseagreen: 0x20b2aa,
+	    lightskyblue: 0x87cefa,
+	    lightslategray: 0x778899,
+	    lightslategrey: 0x778899,
+	    lightsteelblue: 0xb0c4de,
+	    lightyellow: 0xffffe0,
+	    lime: 0x00ff00,
+	    limegreen: 0x32cd32,
+	    linen: 0xfaf0e6,
+	    magenta: 0xff00ff,
+	    maroon: 0x800000,
+	    mediumaquamarine: 0x66cdaa,
+	    mediumblue: 0x0000cd,
+	    mediumorchid: 0xba55d3,
+	    mediumpurple: 0x9370db,
+	    mediumseagreen: 0x3cb371,
+	    mediumslateblue: 0x7b68ee,
+	    mediumspringgreen: 0x00fa9a,
+	    mediumturquoise: 0x48d1cc,
+	    mediumvioletred: 0xc71585,
+	    midnightblue: 0x191970,
+	    mintcream: 0xf5fffa,
+	    mistyrose: 0xffe4e1,
+	    moccasin: 0xffe4b5,
+	    navajowhite: 0xffdead,
+	    navy: 0x000080,
+	    oldlace: 0xfdf5e6,
+	    olive: 0x808000,
+	    olivedrab: 0x6b8e23,
+	    orange: 0xffa500,
+	    orangered: 0xff4500,
+	    orchid: 0xda70d6,
+	    palegoldenrod: 0xeee8aa,
+	    palegreen: 0x98fb98,
+	    paleturquoise: 0xafeeee,
+	    palevioletred: 0xdb7093,
+	    papayawhip: 0xffefd5,
+	    peachpuff: 0xffdab9,
+	    peru: 0xcd853f,
+	    pink: 0xffc0cb,
+	    plum: 0xdda0dd,
+	    powderblue: 0xb0e0e6,
+	    purple: 0x800080,
+	    rebeccapurple: 0x663399,
+	    red: 0xff0000,
+	    rosybrown: 0xbc8f8f,
+	    royalblue: 0x4169e1,
+	    saddlebrown: 0x8b4513,
+	    salmon: 0xfa8072,
+	    sandybrown: 0xf4a460,
+	    seagreen: 0x2e8b57,
+	    seashell: 0xfff5ee,
+	    sienna: 0xa0522d,
+	    silver: 0xc0c0c0,
+	    skyblue: 0x87ceeb,
+	    slateblue: 0x6a5acd,
+	    slategray: 0x708090,
+	    slategrey: 0x708090,
+	    snow: 0xfffafa,
+	    springgreen: 0x00ff7f,
+	    steelblue: 0x4682b4,
+	    tan: 0xd2b48c,
+	    teal: 0x008080,
+	    thistle: 0xd8bfd8,
+	    tomato: 0xff6347,
+	    turquoise: 0x40e0d0,
+	    violet: 0xee82ee,
+	    wheat: 0xf5deb3,
+	    white: 0xffffff,
+	    whitesmoke: 0xf5f5f5,
+	    yellow: 0xffff00,
+	    yellowgreen: 0x9acd32
 	};
-
-	function getContextFont(text, defaultAttr = {}, fontSizeScale) {
-	    if (!fontSizeScale) {
-	        fontSizeScale = 1;
+	function hex(value) {
+	    value = Math.max(0, Math.min(255, Math.round(value) || 0));
+	    return (value < 16 ? '0' : '') + value.toString(16);
+	}
+	function rgb(value) {
+	    if (isNumber(value)) {
+	        return new RGB(value >> 16, (value >> 8) & 0xff, value & 0xff, 1);
 	    }
-	    const { fontStyle = defaultAttr.fontStyle, fontVariant = defaultAttr.fontVariant, fontWeight = defaultAttr.fontWeight, fontSize = defaultAttr.fontSize, fontFamily = defaultAttr.fontFamily } = text;
-	    return ('' +
-	        (fontStyle ? fontStyle + ' ' : '') +
-	        (fontVariant ? fontVariant + ' ' : '') +
-	        (fontWeight ? fontWeight + ' ' : '') +
-	        fontSize * fontSizeScale +
-	        'px ' +
-	        (fontFamily ? fontFamily : 'sans-serif'));
+	    else if (isArray(value)) {
+	        return new RGB(value[0], value[1], value[2]);
+	    }
+	    return new RGB(255, 255, 255);
 	}
-
-	class TextMeasure {
-	    constructor(option, textSpec) {
-	        this._numberCharSize = null;
-	        this._fullCharSize = null;
-	        this._letterCharSize = null;
-	        this._specialCharSizeMap = {};
-	        this._canvas = null;
-	        this._context = null;
-	        this._contextSaved = false;
-	        this._notSupportCanvas = false;
-	        this._notSupportVRender = false;
-	        this._userSpec = {};
-	        this.specialCharSet = '-/: .,@%\'"~';
-	        this._option = option;
-	        this._userSpec = textSpec !== null && textSpec !== void 0 ? textSpec : {};
-	        this.textSpec = this._initSpec();
-	        if (isValid(option.specialCharSet)) {
-	            this.specialCharSet = option.specialCharSet;
-	        }
-	        this._standardMethod = isValid(option.getTextBounds)
-	            ? this.fullMeasure.bind(this)
-	            : this.measureWithNaiveCanvas.bind(this);
+	function rgba(value) {
+	    if (isNumber(value)) {
+	        return new RGB(value >>> 24, (value >>> 16) & 0xff, (value >>> 8) & 0xff, value & 0xff);
 	    }
-	    initContext() {
-	        if (this._notSupportCanvas) {
-	            return false;
+	    else if (isArray(value)) {
+	        return new RGB(value[0], value[1], value[2], value[3]);
+	    }
+	    return new RGB(255, 255, 255, 1);
+	}
+	function SRGBToLinear(c) {
+	    return c < 0.04045 ? c * 0.0773993808 : Math.pow(c * 0.9478672986 + 0.0521327014, 2.4);
+	}
+	function LinearToSRGB(c) {
+	    return c < 0.0031308 ? c * 12.92 : 1.055 * Math.pow(c, 0.41666) - 0.055;
+	}
+	const setHex = (formatValue, forceHex) => {
+	    const isHex = REG_HEX.exec(formatValue);
+	    if (forceHex || isHex) {
+	        const hex = parseInt(isHex[1], 16);
+	        const hexLength = isHex[1].length;
+	        if (hexLength === 3) {
+	            return new RGB(((hex >> 8) & 0xf) + (((hex >> 8) & 0xf) << 4), ((hex >> 4) & 0xf) + (((hex >> 4) & 0xf) << 4), (hex & 0xf) + ((hex & 0xf) << 4), 1);
 	        }
-	        if (isNil(this._canvas)) {
-	            if (isValid(this._option.getCanvasForMeasure)) {
-	                this._canvas = this._option.getCanvasForMeasure();
-	            }
-	            if (isNil(this._canvas) &&
-	                typeof window !== 'undefined' &&
-	                typeof window.document !== 'undefined' &&
-	                globalThis &&
-	                isValid(globalThis.document)) {
-	                this._canvas = globalThis.document.createElement('canvas');
-	            }
+	        if (hexLength === 6) {
+	            return rgb(hex);
 	        }
-	        if (isNil(this._context) && isValid(this._canvas)) {
-	            const context = this._canvas.getContext('2d');
-	            if (isValid(context)) {
-	                context.save();
-	                context.font = getContextFont(this.textSpec);
-	                this._contextSaved = true;
-	                this._context = context;
-	            }
+	        else if (hexLength === 8) {
+	            return new RGB((hex >> 24) & 0xff, (hex >> 16) & 0xff, (hex >> 8) & 0xff, (hex & 0xff) / 0xff);
 	        }
-	        if (isNil(this._context)) {
-	            this._notSupportCanvas = true;
-	            return false;
+	        return null;
+	    }
+	    return undefined;
+	};
+	class Color {
+	    static Brighter(source, b = 1) {
+	        if (b === 1) {
+	            return source;
 	        }
-	        return true;
+	        return new Color(source).brighter(b).toRGBA();
 	    }
-	    _initSpec() {
-	        var _a, _b, _c;
-	        const { defaultFontParams = {} } = this._option;
-	        const { fontStyle = defaultFontParams.fontStyle, fontVariant = defaultFontParams.fontVariant, fontWeight = (_a = defaultFontParams.fontWeight) !== null && _a !== void 0 ? _a : 'normal', fontSize = (_b = defaultFontParams.fontSize) !== null && _b !== void 0 ? _b : 12, fontFamily = (_c = defaultFontParams.fontFamily) !== null && _c !== void 0 ? _c : 'sans-serif', align, textAlign = align !== null && align !== void 0 ? align : 'center', baseline, textBaseline = baseline !== null && baseline !== void 0 ? baseline : 'middle', ellipsis, limit } = this._userSpec;
-	        let { lineHeight = fontSize } = this._userSpec;
-	        if (isString(lineHeight) && lineHeight[lineHeight.length - 1] === '%') {
-	            const scale = Number.parseFloat(lineHeight.substring(0, lineHeight.length - 1)) / 100;
-	            lineHeight = fontSize * scale;
+	    static SetOpacity(source, o = 1) {
+	        if (o === 1) {
+	            return source;
 	        }
-	        return {
-	            fontStyle,
-	            fontVariant,
-	            fontFamily,
-	            fontSize,
-	            fontWeight,
-	            textAlign,
-	            textBaseline,
-	            ellipsis,
-	            limit,
-	            lineHeight
-	        };
+	        return new Color(source).setOpacity(o).toRGBA();
 	    }
-	    measure(text, method) {
-	        switch (method) {
-	            case 'vrender':
-	            case 'canopus':
-	                return this.fullMeasure(text);
-	            case 'canvas':
-	                return this.measureWithNaiveCanvas(text);
-	            case 'simple':
-	                return this.quickMeasureWithoutCanvas(text);
-	            case 'quick':
+	    static getColorBrightness(source, model = 'hsl') {
+	        const color = source instanceof Color ? source : new Color(source);
+	        switch (model) {
+	            case 'hsv':
+	                return color.getHSVBrightness();
+	            case 'hsl':
+	                return color.getHSLBrightness();
+	            case 'lum':
+	                return color.getLuminance();
+	            case 'lum2':
+	                return color.getLuminance2();
+	            case 'lum3':
+	                return color.getLuminance3();
 	            default:
-	                return this.quickMeasure(text);
+	                return color.getHSVBrightness();
 	        }
 	    }
-	    fullMeasure(text) {
-	        if (isNil(text)) {
-	            return { width: 0, height: 0 };
+	    static parseColorString(value) {
+	        if (isValid(DEFAULT_COLORS_OPACITY[value])) {
+	            return rgba(DEFAULT_COLORS_OPACITY[value]);
 	        }
-	        if (isNil(this._option.getTextBounds) || !this._notSupportVRender) {
-	            return this.measureWithNaiveCanvas(text);
+	        if (isValid(DEFAULT_COLORS[value])) {
+	            return rgb(DEFAULT_COLORS[value]);
 	        }
-	        const { fontFamily, fontSize, fontWeight, textAlign, textBaseline, ellipsis, limit, lineHeight } = this.textSpec;
-	        let size;
-	        try {
-	            const bounds = this._option.getTextBounds({
-	                text,
-	                fontFamily,
-	                fontSize,
-	                fontWeight,
-	                textAlign,
-	                textBaseline,
-	                ellipsis: !!ellipsis,
-	                maxLineWidth: limit || Infinity,
-	                lineHeight
-	            });
-	            size = { width: bounds.width(), height: bounds.height() };
+	        const formatValue = `${value}`.trim().toLowerCase();
+	        const hexRes = setHex(formatValue);
+	        if (hexRes !== undefined) {
+	            return hexRes;
 	        }
-	        catch (e) {
-	            this._notSupportVRender = true;
-	            size = this.measureWithNaiveCanvas(text);
+	        if (/^(rgb|RGB|rgba|RGBA)/.test(formatValue)) {
+	            const aColor = formatValue.replace(/(?:\(|\)|rgba|RGBA|rgb|RGB)*/g, '').split(',');
+	            return new RGB(parseInt(aColor[0], 10), parseInt(aColor[1], 10), parseInt(aColor[2], 10), parseFloat(aColor[3]));
 	        }
-	        return size;
+	        if (/^(hsl|HSL|hsla|HSLA)/.test(formatValue)) {
+	            const aColor = formatValue.replace(/(?:\(|\)|hsla|HSLA|hsl|HSL)*/g, '').split(',');
+	            const rgb = hslToRgb(parseInt(aColor[0], 10), parseInt(aColor[1], 10), parseInt(aColor[2], 10));
+	            return new RGB(rgb.r, rgb.g, rgb.b, parseFloat(aColor[3]));
+	        }
+	        return;
+	    }
+	    constructor(value) {
+	        const color = Color.parseColorString(value);
+	        if (color) {
+	            this.color = color;
+	        }
+	        else {
+	            console.warn(`Warn: 传入${value}无法解析为Color`);
+	            this.color = new RGB(255, 255, 255);
+	        }
+	    }
+	    toRGBA() {
+	        return this.color.formatRgb();
+	    }
+	    toString() {
+	        return this.color.formatRgb();
+	    }
+	    toHex() {
+	        return this.color.formatHex();
+	    }
+	    toHsl() {
+	        return this.color.formatHsl();
+	    }
+	    brighter(k) {
+	        const { r, g, b } = this.color;
+	        this.color.r = Math.max(0, Math.min(255, Math.floor(r * k)));
+	        this.color.g = Math.max(0, Math.min(255, Math.floor(g * k)));
+	        this.color.b = Math.max(0, Math.min(255, Math.floor(b * k)));
+	        return this;
+	    }
+	    add(color) {
+	        const { r, g, b } = this.color;
+	        this.color.r += Math.min(255, r + color.color.r);
+	        this.color.g += Math.min(255, g + color.color.g);
+	        this.color.b += Math.min(255, b + color.color.b);
+	        return this;
+	    }
+	    sub(color) {
+	        this.color.r = Math.max(0, this.color.r - color.color.r);
+	        this.color.g = Math.max(0, this.color.g - color.color.g);
+	        this.color.b = Math.max(0, this.color.b - color.color.b);
+	        return this;
+	    }
+	    multiply(color) {
+	        const { r, g, b } = this.color;
+	        this.color.r = Math.max(0, Math.min(255, Math.floor(r * color.color.r)));
+	        this.color.g = Math.max(0, Math.min(255, Math.floor(g * color.color.g)));
+	        this.color.b = Math.max(0, Math.min(255, Math.floor(b * color.color.b)));
+	        return this;
+	    }
+	    getHSVBrightness() {
+	        return Math.max(this.color.r, this.color.g, this.color.b) / 255;
+	    }
+	    getHSLBrightness() {
+	        return ((Math.max(this.color.r, this.color.g, this.color.b) / 255 +
+	            Math.min(this.color.r, this.color.g, this.color.b) / 255) *
+	            0.5);
+	    }
+	    setHsl(h, s, l) {
+	        const opacity = this.color.opacity;
+	        const hsl = rgbToHsl(this.color.r, this.color.g, this.color.b);
+	        const rgb = hslToRgb(isNil(h) ? hsl.h : clamp(h, 0, 360), isNil(s) ? hsl.s : s >= 0 && s <= 1 ? s * 100 : s, isNil(l) ? hsl.l : l <= 1 && l >= 0 ? l * 100 : l);
+	        this.color = new RGB(rgb.r, rgb.g, rgb.b, opacity);
+	        return this;
+	    }
+	    setRGB(r, g, b) {
+	        !isNil(r) && (this.color.r = r);
+	        !isNil(g) && (this.color.g = g);
+	        !isNil(b) && (this.color.b = b);
+	        return this;
+	    }
+	    setHex(value) {
+	        const formatValue = `${value}`.trim().toLowerCase();
+	        const res = setHex(formatValue, true);
+	        return res !== null && res !== void 0 ? res : this;
+	    }
+	    setColorName(name) {
+	        const hex = DEFAULT_COLORS[name.toLowerCase()];
+	        if (typeof hex !== 'undefined') {
+	            this.setHex(hex);
+	        }
+	        else {
+	            console.warn('THREE.Color: Unknown color ' + name);
+	        }
+	        return this;
+	    }
+	    setScalar(scalar) {
+	        this.color.r = scalar;
+	        this.color.g = scalar;
+	        this.color.b = scalar;
+	        return this;
+	    }
+	    setOpacity(o = 1) {
+	        this.color.opacity = o;
+	        return this;
+	    }
+	    getLuminance() {
+	        return (0.2126 * this.color.r + 0.7152 * this.color.g + 0.0722 * this.color.b) / 255;
+	    }
+	    getLuminance2() {
+	        return (0.2627 * this.color.r + 0.678 * this.color.g + 0.0593 * this.color.b) / 255;
+	    }
+	    getLuminance3() {
+	        return (0.299 * this.color.r + 0.587 * this.color.g + 0.114 * this.color.b) / 255;
+	    }
+	    clone() {
+	        return new Color(this.color.toString());
+	    }
+	    copyGammaToLinear(color, gammaFactor = 2.0) {
+	        this.color.r = Math.pow(color.color.r, gammaFactor);
+	        this.color.g = Math.pow(color.color.g, gammaFactor);
+	        this.color.b = Math.pow(color.color.b, gammaFactor);
+	        return this;
+	    }
+	    copyLinearToGamma(color, gammaFactor = 2.0) {
+	        const safeInverse = gammaFactor > 0 ? 1.0 / gammaFactor : 1.0;
+	        this.color.r = Math.pow(color.color.r, safeInverse);
+	        this.color.g = Math.pow(color.color.g, safeInverse);
+	        this.color.b = Math.pow(color.color.b, safeInverse);
+	        return this;
 	    }
-	    measureWithNaiveCanvas(text) {
-	        return this._measureReduce(text, this._measureWithNaiveCanvas.bind(this));
+	    convertGammaToLinear(gammaFactor) {
+	        this.copyGammaToLinear(this, gammaFactor);
+	        return this;
 	    }
-	    _measureWithNaiveCanvas(text) {
-	        var _a;
-	        if (!this.initContext()) {
-	            return this._quickMeasureWithoutCanvas(text);
-	        }
-	        const metrics = this._context.measureText(text);
-	        const { fontSize, lineHeight } = this.textSpec;
-	        return { width: metrics.width, height: (_a = lineHeight) !== null && _a !== void 0 ? _a : fontSize };
+	    convertLinearToGamma(gammaFactor) {
+	        this.copyLinearToGamma(this, gammaFactor);
+	        return this;
 	    }
-	    quickMeasure(text) {
-	        return this._measureReduce(text, this._quickMeasure.bind(this));
+	    copySRGBToLinear(color) {
+	        this.color.r = SRGBToLinear(color.color.r);
+	        this.color.g = SRGBToLinear(color.color.g);
+	        this.color.b = SRGBToLinear(color.color.b);
+	        return this;
 	    }
-	    _quickMeasure(text) {
-	        const totalSize = {
-	            width: 0,
-	            height: 0
-	        };
-	        for (let i = 0; i < text.length; i++) {
-	            const char = text[i];
-	            let size = this._measureSpecialChar(char);
-	            if (isNil(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char)) {
-	                size = this._measureNumberChar();
-	            }
-	            if (isNil(size) && ['F', 'W'].includes(eastAsianCharacterInfo(char))) {
-	                size = this._measureFullSizeChar();
-	            }
-	            if (isNil(size)) {
-	                size = this._measureLetterChar();
-	            }
-	            totalSize.width += size.width;
-	            totalSize.height = Math.max(totalSize.height, size.height);
-	        }
-	        return totalSize;
+	    copyLinearToSRGB(color) {
+	        this.color.r = LinearToSRGB(color.color.r);
+	        this.color.g = LinearToSRGB(color.color.g);
+	        this.color.b = LinearToSRGB(color.color.b);
+	        return this;
 	    }
-	    quickMeasureWithoutCanvas(text) {
-	        return this._measureReduce(text, this._quickMeasureWithoutCanvas.bind(this));
+	    convertSRGBToLinear() {
+	        this.copySRGBToLinear(this);
+	        return this;
 	    }
-	    _quickMeasureWithoutCanvas(text) {
-	        var _a;
-	        const totalSize = {
-	            width: 0,
-	            height: 0
-	        };
-	        const { fontSize, lineHeight } = this.textSpec;
-	        for (let i = 0; i < text.length; i++) {
-	            const char = text[i];
-	            const size = ['F', 'W'].includes(eastAsianCharacterInfo(char)) ? 1 : 0.53;
-	            totalSize.width += size * fontSize;
-	        }
-	        totalSize.height = (_a = lineHeight) !== null && _a !== void 0 ? _a : fontSize;
-	        return totalSize;
+	    convertLinearToSRGB() {
+	        this.copyLinearToSRGB(this);
+	        return this;
 	    }
-	    _measureReduce(text, processor) {
-	        var _a;
-	        const { fontSize, lineHeight } = this.textSpec;
-	        const defaultResult = { width: 0, height: 0 };
-	        if (isNil(text)) {
-	            return defaultResult;
+	}
+	class RGB {
+	    constructor(r, g, b, opacity) {
+	        this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r));
+	        this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g));
+	        this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b));
+	        if (isValid(opacity)) {
+	            this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity));
 	        }
-	        else if (isArray(text)) {
-	            const textArr = text.filter(isValid).map(s => s.toString());
-	            if (textArr.length === 0) {
-	                return defaultResult;
-	            }
-	            else if (textArr.length === 1) {
-	                return processor(textArr[0]);
-	            }
-	            return {
-	                width: textArr.reduce((maxWidth, cur) => Math.max(maxWidth, processor(cur).width), 0),
-	                height: textArr.length * (((_a = lineHeight) !== null && _a !== void 0 ? _a : fontSize) + 1) + 1
-	            };
+	        else {
+	            this.opacity = 1;
 	        }
-	        return processor(text.toString());
 	    }
-	    _measureNumberChar() {
-	        if (isNil(this._numberCharSize)) {
-	            const numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);
-	            this._numberCharSize = {
-	                width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length,
-	                height: numberBounds.height
-	            };
-	        }
-	        return this._numberCharSize;
+	    formatHex() {
+	        return `#${hex(this.r) + hex(this.g) + hex(this.b) + (this.opacity === 1 ? '' : hex(this.opacity * 255))}`;
 	    }
-	    _measureFullSizeChar() {
-	        if (isNil(this._fullCharSize)) {
-	            this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR);
-	        }
-	        return this._fullCharSize;
+	    formatRgb() {
+	        const opacity = this.opacity;
+	        return `${opacity === 1 ? 'rgb(' : 'rgba('}${this.r},${this.g},${this.b}${opacity === 1 ? ')' : `,${opacity})`}`;
 	    }
-	    _measureLetterChar() {
-	        if (isNil(this._letterCharSize)) {
-	            const alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);
-	            this._letterCharSize = {
-	                width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length,
-	                height: alphabetBounds.height
-	            };
-	        }
-	        return this._letterCharSize;
+	    formatHsl() {
+	        const opacity = this.opacity;
+	        const { h, s, l } = rgbToHsl(this.r, this.g, this.b);
+	        return `${opacity === 1 ? 'hsl(' : 'hsla('}${h},${s}%,${l}%${opacity === 1 ? ')' : `,${opacity})`}`;
 	    }
-	    _measureSpecialChar(char) {
-	        if (isValid(this._specialCharSizeMap[char])) {
-	            return this._specialCharSizeMap[char];
+	    toString() {
+	        return this.formatHex();
+	    }
+	}
+
+	function hexToRgb(str) {
+	    let r = '';
+	    let g = '';
+	    let b = '';
+	    const strtIndex = str[0] === '#' ? 1 : 0;
+	    for (let i = strtIndex; i < str.length; i++) {
+	        if (str[i] === '#') {
+	            continue;
 	        }
-	        if (this.specialCharSet.includes(char)) {
-	            this._specialCharSizeMap[char] = this._standardMethod(char);
-	            return this._specialCharSizeMap[char];
+	        if (i < strtIndex + 2) {
+	            r += str[i];
 	        }
-	        return null;
-	    }
-	    release() {
-	        if (isValid(this._canvas)) {
-	            this._canvas = null;
+	        else if (i < strtIndex + 4) {
+	            g += str[i];
 	        }
-	        if (isValid(this._context)) {
-	            if (this._contextSaved) {
-	                this._context.restore();
-	                this._contextSaved = false;
-	            }
-	            this._context = null;
+	        else if (i < strtIndex + 6) {
+	            b += str[i];
 	        }
 	    }
+	    const ri = parseInt(r, 16);
+	    const gi = parseInt(g, 16);
+	    const bi = parseInt(b, 16);
+	    return [ri, gi, bi];
 	}
-	TextMeasure.ALPHABET_CHAR_SET = 'abcdefghijklmnopqrstuvwxyz';
-	TextMeasure.NUMBERS_CHAR_SET = '0123456789';
-	TextMeasure.FULL_SIZE_CHAR = '字';
 
-	const calculateAnchorOfBounds = (bounds, anchorType) => {
-	    const { x1, x2, y1, y2 } = bounds;
-	    const rectWidth = Math.abs(x2 - x1);
-	    const rectHeight = Math.abs(y2 - y1);
-	    let anchorX = (x1 + x2) / 2;
-	    let anchorY = (y1 + y2) / 2;
-	    let sx = 0;
-	    let sy = 0;
-	    switch (anchorType) {
-	        case 'top':
-	        case 'inside-top':
-	            sy = -0.5;
-	            break;
-	        case 'bottom':
-	        case 'inside-bottom':
-	            sy = 0.5;
-	            break;
-	        case 'left':
-	        case 'inside-left':
-	            sx = -0.5;
-	            break;
-	        case 'right':
-	        case 'inside-right':
-	            sx = 0.5;
-	            break;
-	        case 'top-right':
-	            sx = 0.5;
-	            sy = -0.5;
-	            break;
-	        case 'top-left':
-	            sx = -0.5;
-	            sy = -0.5;
-	            break;
-	        case 'bottom-right':
-	            sx = 0.5;
-	            sy = 0.5;
-	            break;
-	        case 'bottom-left':
-	            sx = -0.5;
-	            sy = 0.5;
-	    }
-	    anchorX += sx * rectWidth;
-	    anchorY += sy * rectHeight;
-	    return { x: anchorX, y: anchorY };
-	};
+	function rgbToHex(r, g, b) {
+	    return Number((1 << 24) + (r << 16) + (g << 8) + b)
+	        .toString(16)
+	        .slice(1);
+	}
+
+	function interpolateRgb(colorA, colorB) {
+	    const redA = colorA.r;
+	    const redB = colorB.r;
+	    const greenA = colorA.g;
+	    const greenB = colorB.g;
+	    const blueA = colorA.b;
+	    const blueB = colorB.b;
+	    const opacityA = colorA.opacity;
+	    const opacityB = colorB.opacity;
+	    return (t) => {
+	        const r = Math.round(redA * (1 - t) + redB * t);
+	        const g = Math.round(greenA * (1 - t) + greenB * t);
+	        const b = Math.round(blueA * (1 - t) + blueB * t);
+	        const opacity = opacityA * (1 - t) + opacityB * t;
+	        return new RGB(r, g, b, opacity);
+	    };
+	}
+
+	var index = /*#__PURE__*/Object.freeze({
+		__proto__: null,
+		Color: Color,
+		DEFAULT_COLORS: DEFAULT_COLORS,
+		RGB: RGB,
+		hexToRgb: hexToRgb,
+		hslToRgb: hslToRgb,
+		interpolateRgb: interpolateRgb,
+		rgbToHex: rgbToHex,
+		rgbToHsl: rgbToHsl
+	});
 
 	function normalizePadding(padding) {
 	    if (isValidNumber(padding)) {
@@ -6324,6 +6338,7 @@
 	exports.rectInsideAnotherRect = rectInsideAnotherRect;
 	exports.rgbToHex = rgbToHex;
 	exports.rgbToHsl = rgbToHsl;
+	exports.rotatePoint = rotatePoint;
 	exports.scale = scale;
 	exports.secondCount = secondCount;
 	exports.secondField = secondField;