@visactor/vrender 0.15.3 → 0.15.5-alpha.0

package/cjs/allocator/canvas-allocate.js

@@ -42,4 +42,5 @@ class DefaultCanvasAllocate {
     }
 }
 
-exports.DefaultCanvasAllocate = DefaultCanvasAllocate, exports.canvasAllocate = new DefaultCanvasAllocate;
+exports.DefaultCanvasAllocate = DefaultCanvasAllocate, exports.canvasAllocate = new DefaultCanvasAllocate;
+//# sourceMappingURL=canvas-allocate.js.map

package/cjs/animate/default-ticker.js

@@ -10,5 +10,4 @@ exports.defaultTicker = new default_ticker_1.DefaultTicker, exports.defaultTicke
 
 const TICKER_FPS = 60;
 
-exports.defaultTicker.setFPS(60);
-//# sourceMappingURL=default-ticker.js.map
+exports.defaultTicker.setFPS(60);

package/cjs/canvas/constants.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Context2dFactory = exports.CanvasFactory = void 0, exports.CanvasFactory = Symbol.for("CanvasFactory"), 
 exports.Context2dFactory = Symbol.for("Context2dFactory");
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/cjs/canvas/empty-context.js

@@ -206,4 +206,4 @@ let EmptyContext2d = class {
 
 EmptyContext2d = __decorate([ (0, inversify_1.injectable)(), __metadata("design:paramtypes", [ Object, Number ]) ], EmptyContext2d), 
 exports.EmptyContext2d = EmptyContext2d;
-//# sourceMappingURL=empty-context.js.map
+//# sourceMappingURL=empty-context.js.map

package/cjs/canvas/index.js

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./constants"), exports), __exportStar(require("./empty-context"), exports), 
 __exportStar(require("./contributions/browser"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/canvas/util.js

@@ -396,4 +396,4 @@ function containStroke(commands, lineWidth, x, y) {
 }
 
 exports.contain = contain, exports.containStroke = containStroke;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/common/custom-path2d.js

@@ -329,5 +329,4 @@ function scale(current, sX, sY) {
     temp[3] = current[3], temp[4] = current[4], temp[5] = current[5], temp[6] = sX * current[6], 
     temp[7] = sY * current[7]; else if ("h" === c || "H" === c) temp[1] = sX * current[1]; else if ("v" === c || "V" === c) temp[1] = sY * current[1]; else for (let i = 1, n = current.length; i < n; ++i) temp[i] = (i % 2 == 1 ? sX : sY) * current[i];
     return temp;
-}
-//# sourceMappingURL=custom-path2d.js.map
+}

package/cjs/common/morphing-utils.js

@@ -291,4 +291,5 @@ function bezierCurversToPath(bezierCurves) {
 }
 
 exports.pathToBezierCurves = pathToBezierCurves, exports.applyTransformOnBezierCurves = applyTransformOnBezierCurves, 
-exports.bezierCurversToPath = bezierCurversToPath;
+exports.bezierCurversToPath = bezierCurversToPath;
+//# sourceMappingURL=morphing-utils.js.map

package/cjs/core/application.js

@@ -2,5 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.ApplicationContribution = void 0, exports.ApplicationContribution = Symbol("ApplicationContribution");
-//# sourceMappingURL=application.js.map
+}), exports.ApplicationContribution = void 0, exports.ApplicationContribution = Symbol("ApplicationContribution");

package/cjs/core/global-module.js

@@ -1,3 +1 @@
-
-
 //# sourceMappingURL=global-module.js.map

package/cjs/core/layer-service.js

@@ -55,4 +55,4 @@ let DefaultLayerService = class {
 DefaultLayerService = __decorate([ (0, inversify_1.injectable)(), __param(0, (0, 
 inversify_1.inject)(constants_1.VGlobal)), __metadata("design:paramtypes", [ Object ]) ], DefaultLayerService), 
 exports.DefaultLayerService = DefaultLayerService;
-//# sourceMappingURL=layer-service.js.map
+//# sourceMappingURL=layer-service.js.map

package/cjs/core/layer.js

@@ -129,4 +129,4 @@ class Layer extends group_1.Group {
 }
 
 exports.Layer = Layer;
-//# sourceMappingURL=layer.js.map
+//# sourceMappingURL=layer.js.map

package/cjs/core/light.js

@@ -25,4 +25,4 @@ class DirectionalLight {
 }
 
 exports.DirectionalLight = DirectionalLight;
-//# sourceMappingURL=light.js.map
+//# sourceMappingURL=light.js.map

package/cjs/core/stage.js

@@ -432,4 +432,4 @@ class Stage extends graphic_1.Group {
 }
 
 exports.Stage = Stage;
-//# sourceMappingURL=stage.js.map
+//# sourceMappingURL=stage.js.map

package/cjs/graphic/graphic-service/common-contribution.d.ts

@@ -1,5 +1,5 @@
-import { IAABBBounds } from '@visactor/vutils';
-import { IGraphicAttribute, IGraphic } from '../../interface';
+import type { IAABBBounds } from '@visactor/vutils';
+import type { IGraphicAttribute, IGraphic } from '../../interface';
 export declare class DefaultOuterBorderBoundsContribution {
     updateBounds(attribute: Partial<IGraphicAttribute>, theme: Required<IGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IGraphic): IAABBBounds;
 }

package/cjs/graphic/graphic-service/common-contribution.js

@@ -17,7 +17,7 @@ let DefaultOuterBorderBoundsContribution = class {
         const {outerBorder: outerBorder, shadowBlur: shadowBlur = theme.shadowBlur} = attribute;
         if (outerBorder) {
             const defaultOuterBorder = theme.outerBorder, {distance: distance = defaultOuterBorder.distance, lineWidth: lineWidth = defaultOuterBorder.lineWidth} = outerBorder;
-            aabbBounds.expand(distance + shadowBlur + lineWidth / 2);
+            aabbBounds.expand(distance + (shadowBlur + lineWidth) / 2);
         }
         return aabbBounds;
     }

package/cjs/graphic/graphic-service/common-contribution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graphic/graphic-service/common-contribution.ts"],"names":[],"mappings":";;;;;;;;;AACA,yCAAuC;AAIhC,IAAM,oCAAoC,GAA1C,MAAM,oCAAoC;IAC/C,YAAY,CACV,SAAqC,EACrC,KAAkC,EAClC,UAAuB,EACvB,OAAkB;QAElB,MAAM,EAAE,WAAW,EAAE,UAAU,GAAG,KAAK,CAAC,UAAU,EAAE,GAAG,SAAS,CAAC;QACjE,IAAI,WAAW,EAAE;YACf,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC;YAC7C,MAAM,EAAE,QAAQ,GAAG,kBAAkB,CAAC,QAAQ,EAAE,SAAS,GAAG,kBAAkB,CAAC,SAAS,EAAE,GAAG,WAAW,CAAC;YAGzG,UAAU,CAAC,MAAM,CAAE,QAAmB,GAAG,UAAU,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC;SACtE;QACD,OAAO,UAAU,CAAC;IACpB,CAAC;CACF,CAAA;AAjBY,oCAAoC;IADhD,IAAA,sBAAU,GAAE;GACA,oCAAoC,CAiBhD;AAjBY,oFAAoC","file":"common-contribution.js","sourcesContent":["import { IAABBBounds } from '@visactor/vutils';\nimport { injectable } from 'inversify';\nimport { IGraphicAttribute, IGraphic } from '../../interface';\n\n@injectable()\nexport class DefaultOuterBorderBoundsContribution {\n  updateBounds(\n    attribute: Partial<IGraphicAttribute>,\n    theme: Required<IGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ): IAABBBounds {\n    const { outerBorder, shadowBlur = theme.shadowBlur } = attribute;\n    if (outerBorder) {\n      const defaultOuterBorder = theme.outerBorder;\n      const { distance = defaultOuterBorder.distance, lineWidth = defaultOuterBorder.lineWidth } = outerBorder;\n\n      // rect的distance一定是number\n      aabbBounds.expand((distance as number) + shadowBlur + lineWidth / 2);\n    }\n    return aabbBounds;\n  }\n}\n"]}
+{"version":3,"sources":["../src/graphic/graphic-service/common-contribution.ts"],"names":[],"mappings":";;;;;;;;;AACA,yCAAuC;AAIhC,IAAM,oCAAoC,GAA1C,MAAM,oCAAoC;IAC/C,YAAY,CACV,SAAqC,EACrC,KAAkC,EAClC,UAAuB,EACvB,OAAkB;QAElB,MAAM,EAAE,WAAW,EAAE,UAAU,GAAG,KAAK,CAAC,UAAU,EAAE,GAAG,SAAS,CAAC;QACjE,IAAI,WAAW,EAAE;YACf,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC;YAC7C,MAAM,EAAE,QAAQ,GAAG,kBAAkB,CAAC,QAAQ,EAAE,SAAS,GAAG,kBAAkB,CAAC,SAAS,EAAE,GAAG,WAAW,CAAC;YAGzG,UAAU,CAAC,MAAM,CAAE,QAAmB,GAAG,CAAC,UAAU,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;SACxE;QACD,OAAO,UAAU,CAAC;IACpB,CAAC;CACF,CAAA;AAjBY,oCAAoC;IADhD,IAAA,sBAAU,GAAE;GACA,oCAAoC,CAiBhD;AAjBY,oFAAoC","file":"common-contribution.js","sourcesContent":["import type { IAABBBounds } from '@visactor/vutils';\nimport { injectable } from 'inversify';\nimport type { IGraphicAttribute, IGraphic } from '../../interface';\n\n@injectable()\nexport class DefaultOuterBorderBoundsContribution {\n  updateBounds(\n    attribute: Partial<IGraphicAttribute>,\n    theme: Required<IGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ): IAABBBounds {\n    const { outerBorder, shadowBlur = theme.shadowBlur } = attribute;\n    if (outerBorder) {\n      const defaultOuterBorder = theme.outerBorder;\n      const { distance = defaultOuterBorder.distance, lineWidth = defaultOuterBorder.lineWidth } = outerBorder;\n\n      // rect的distance一定是number\n      aabbBounds.expand((distance as number) + (shadowBlur + lineWidth) / 2);\n    }\n    return aabbBounds;\n  }\n}\n"]}

package/cjs/graphic/graphic-service/symbol-contribution.js

@@ -19,7 +19,7 @@ let DefaultSymbolOuterBorderBoundsContribution = class extends common_contributi
         const {outerBorder: outerBorder, shadowBlur: shadowBlur = symbolTheme.shadowBlur, strokeBoundsBuffer: strokeBoundsBuffer = symbolTheme.strokeBoundsBuffer} = attribute;
         if (outerBorder) {
             const defaultOuterBorder = symbolTheme.outerBorder, {distance: distance = defaultOuterBorder.distance, lineWidth: lineWidth = defaultOuterBorder.lineWidth} = outerBorder;
-            (0, tools_1.boundStroke)(aabbBounds, distance + shadowBlur + lineWidth / 2, !0, strokeBoundsBuffer);
+            (0, tools_1.boundStroke)(aabbBounds, distance + (shadowBlur + lineWidth) / 2, !0, strokeBoundsBuffer);
         }
         return aabbBounds;
     }

package/cjs/graphic/graphic-service/symbol-contribution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graphic/graphic-service/symbol-contribution.ts"],"names":[],"mappings":";;;;;;;;;AACA,yCAAuC;AACvC,oCAAuC;AAEvC,+DAA6E;AAEhE,QAAA,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;AAGxE,IAAM,0CAA0C,GAAhD,MAAM,0CACX,SAAQ,0DAAoC;IAG5C,YAAY,CACV,SAAkC,EAClC,WAA8C,EAC9C,UAAuB,EACvB,OAAkB;QAElB,MAAM,EACJ,WAAW,EACX,UAAU,GAAG,WAAW,CAAC,UAAU,EACnC,kBAAkB,GAAG,WAAW,CAAC,kBAAkB,EACpD,GAAG,SAAS,CAAC;QAEd,IAAI,WAAW,EAAE;YACf,MAAM,kBAAkB,GAAG,WAAW,CAAC,WAAW,CAAC;YACnD,MAAM,EAAE,QAAQ,GAAG,kBAAkB,CAAC,QAAQ,EAAE,SAAS,GAAG,kBAAkB,CAAC,SAAS,EAAE,GAAG,WAAW,CAAC;YAGzG,IAAA,mBAAW,EAAC,UAAU,EAAG,QAAmB,GAAG,UAAU,GAAG,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC;SACtG;QACD,OAAO,UAAU,CAAC;IACpB,CAAC;CACF,CAAA;AAzBY,0CAA0C;IADtD,IAAA,sBAAU,GAAE;GACA,0CAA0C,CAyBtD;AAzBY,gGAA0C","file":"symbol-contribution.js","sourcesContent":["import type { IAABBBounds } from '@visactor/vutils';\nimport { injectable } from 'inversify';\nimport { boundStroke } from '../tools';\nimport type { IGraphic, ISymbolBoundsContribution, ISymbolGraphicAttribute } from '../../interface';\nimport { DefaultOuterBorderBoundsContribution } from './common-contribution';\n\nexport const SymbolBoundsContribution = Symbol.for('SymbolBoundsContribution');\n\n@injectable()\nexport class DefaultSymbolOuterBorderBoundsContribution\n  extends DefaultOuterBorderBoundsContribution\n  implements ISymbolBoundsContribution\n{\n  updateBounds(\n    attribute: ISymbolGraphicAttribute,\n    symbolTheme: Required<ISymbolGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ): IAABBBounds {\n    const {\n      outerBorder,\n      shadowBlur = symbolTheme.shadowBlur,\n      strokeBoundsBuffer = symbolTheme.strokeBoundsBuffer\n    } = attribute;\n\n    if (outerBorder) {\n      const defaultOuterBorder = symbolTheme.outerBorder;\n      const { distance = defaultOuterBorder.distance, lineWidth = defaultOuterBorder.lineWidth } = outerBorder;\n\n      // Symbol的distance一定是number\n      boundStroke(aabbBounds, (distance as number) + shadowBlur + lineWidth / 2, true, strokeBoundsBuffer);\n    }\n    return aabbBounds;\n  }\n}\n"]}
+{"version":3,"sources":["../src/graphic/graphic-service/symbol-contribution.ts"],"names":[],"mappings":";;;;;;;;;AACA,yCAAuC;AACvC,oCAAuC;AAEvC,+DAA6E;AAEhE,QAAA,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;AAGxE,IAAM,0CAA0C,GAAhD,MAAM,0CACX,SAAQ,0DAAoC;IAG5C,YAAY,CACV,SAAkC,EAClC,WAA8C,EAC9C,UAAuB,EACvB,OAAkB;QAElB,MAAM,EACJ,WAAW,EACX,UAAU,GAAG,WAAW,CAAC,UAAU,EACnC,kBAAkB,GAAG,WAAW,CAAC,kBAAkB,EACpD,GAAG,SAAS,CAAC;QAEd,IAAI,WAAW,EAAE;YACf,MAAM,kBAAkB,GAAG,WAAW,CAAC,WAAW,CAAC;YACnD,MAAM,EAAE,QAAQ,GAAG,kBAAkB,CAAC,QAAQ,EAAE,SAAS,GAAG,kBAAkB,CAAC,SAAS,EAAE,GAAG,WAAW,CAAC;YAGzG,IAAA,mBAAW,EAAC,UAAU,EAAG,QAAmB,GAAG,CAAC,UAAU,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC;SACxG;QACD,OAAO,UAAU,CAAC;IACpB,CAAC;CACF,CAAA;AAzBY,0CAA0C;IADtD,IAAA,sBAAU,GAAE;GACA,0CAA0C,CAyBtD;AAzBY,gGAA0C","file":"symbol-contribution.js","sourcesContent":["import type { IAABBBounds } from '@visactor/vutils';\nimport { injectable } from 'inversify';\nimport { boundStroke } from '../tools';\nimport type { IGraphic, ISymbolBoundsContribution, ISymbolGraphicAttribute } from '../../interface';\nimport { DefaultOuterBorderBoundsContribution } from './common-contribution';\n\nexport const SymbolBoundsContribution = Symbol.for('SymbolBoundsContribution');\n\n@injectable()\nexport class DefaultSymbolOuterBorderBoundsContribution\n  extends DefaultOuterBorderBoundsContribution\n  implements ISymbolBoundsContribution\n{\n  updateBounds(\n    attribute: ISymbolGraphicAttribute,\n    symbolTheme: Required<ISymbolGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ): IAABBBounds {\n    const {\n      outerBorder,\n      shadowBlur = symbolTheme.shadowBlur,\n      strokeBoundsBuffer = symbolTheme.strokeBoundsBuffer\n    } = attribute;\n\n    if (outerBorder) {\n      const defaultOuterBorder = symbolTheme.outerBorder;\n      const { distance = defaultOuterBorder.distance, lineWidth = defaultOuterBorder.lineWidth } = outerBorder;\n\n      // Symbol的distance一定是number\n      boundStroke(aabbBounds, (distance as number) + (shadowBlur + lineWidth) / 2, true, strokeBoundsBuffer);\n    }\n    return aabbBounds;\n  }\n}\n"]}

package/cjs/graphic/graphic.d.ts

@@ -146,6 +146,9 @@ export declare abstract class Graphic<T extends Partial<IGraphicAttribute> = Par
     addUpdateLayoutTag(): void;
     protected clearUpdateLayoutTag(): void;
     protected needUpdateLayout(): boolean;
+    protected getAnchor(anchor: [string | number, string | number], params: {
+        b?: IAABBBounds;
+    }): [number, number];
     protected doUpdateLocalMatrix(): void;
     protected doUpdateGlobalMatrix(): void;
     setStage(stage?: IStage, layer?: ILayer): void;

package/cjs/graphic/graphic.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Graphic = exports.NOWORK_ANIMATE_ATTR = exports.GRAPHIC_UPDATE_TAG_KEY = exports.PURE_STYLE_KEY = void 0;
 
-const vutils_1 = require("@visactor/vutils"), node_tree_1 = require("./node-tree"), event_1 = require("../event"), config_1 = require("./config"), application_1 = require("../application"), animate_1 = require("../animate"), interpolate_1 = require("../color-string/interpolate"), custom_path2d_1 = require("../common/custom-path2d"), theme_1 = require("./theme"), loader_1 = require("../resource-loader/loader"), enums_1 = require("../common/enums"), tempMatrix = new vutils_1.Matrix;
+const vutils_1 = require("@visactor/vutils"), node_tree_1 = require("./node-tree"), event_1 = require("../event"), config_1 = require("./config"), application_1 = require("../application"), animate_1 = require("../animate"), interpolate_1 = require("../color-string/interpolate"), custom_path2d_1 = require("../common/custom-path2d"), theme_1 = require("./theme"), loader_1 = require("../resource-loader/loader"), enums_1 = require("../common/enums"), tempMatrix = new vutils_1.Matrix, tempBounds = new vutils_1.AABBBounds;
 
 exports.PURE_STYLE_KEY = [ "stroke", "opacity", "strokeOpacity", "lineDash", "lineDashOffset", "lineCap", "lineJoin", "miterLimit", "fill", "fillOpacity" ], 
 exports.GRAPHIC_UPDATE_TAG_KEY = [ "lineWidth", "lineCap", "lineJoin", "miterLimit", "scaleX", "scaleY", "angle", "anchor" ];
@@ -329,9 +329,18 @@ class Graphic extends node_tree_1.Node {
     applyStateAttrs(attrs, stateNames, hasAnimation, isClear) {
         var _a, _b, _c, _d;
         if (hasAnimation) {
-            const keys = Object.keys(attrs), animateAttrs = isClear ? keys.reduce(((res, key) => (res[key] = void 0 === attrs[key] ? this.getDefaultAttribute(key) : attrs[key], 
-            res)), {}) : attrs, animate = this.animate();
-            animate.stateNames = stateNames, animate.to(animateAttrs, null !== (_b = null === (_a = this.stateAnimateConfig) || void 0 === _a ? void 0 : _a.duration) && void 0 !== _b ? _b : animate_1.DefaultStateAnimateConfig.duration, null !== (_d = null === (_c = this.stateAnimateConfig) || void 0 === _c ? void 0 : _c.easing) && void 0 !== _d ? _d : animate_1.DefaultStateAnimateConfig.easing);
+            const keys = Object.keys(attrs), noWorkAAttr = this.getNoWorkAnimateAttr(), animateAttrs = {};
+            let noAnimateAttrs;
+            isClear ? keys.forEach((key => {
+                noWorkAAttr[key] ? (noAnimateAttrs || (noAnimateAttrs = {}), noAnimateAttrs[key] = attrs[key]) : animateAttrs[key] = void 0 === attrs[key] ? this.getDefaultAttribute(key) : attrs[key];
+            })) : keys.forEach((key => {
+                noWorkAAttr[key] ? (noAnimateAttrs || (noAnimateAttrs = {}), noAnimateAttrs[key] = attrs[key]) : animateAttrs[key] = attrs[key];
+            }));
+            const animate = this.animate();
+            animate.stateNames = stateNames, animate.to(animateAttrs, null !== (_b = null === (_a = this.stateAnimateConfig) || void 0 === _a ? void 0 : _a.duration) && void 0 !== _b ? _b : animate_1.DefaultStateAnimateConfig.duration, null !== (_d = null === (_c = this.stateAnimateConfig) || void 0 === _c ? void 0 : _c.easing) && void 0 !== _d ? _d : animate_1.DefaultStateAnimateConfig.easing), 
+            noAnimateAttrs && this.setAttributes(noAnimateAttrs, !1, {
+                type: enums_1.AttributeUpdateType.STATE
+            });
         } else this.setAttributes(attrs, !1, {
             type: enums_1.AttributeUpdateType.STATE
         });
@@ -428,24 +437,41 @@ class Graphic extends node_tree_1.Node {
     needUpdateLayout() {
         return !!(this._updateTag & enums_1.UpdateTag.UPDATE_LAYOUT);
     }
+    getAnchor(anchor, params) {
+        const _anchor = [ 0, 0 ], getBounds = () => {
+            if (params.b) return params.b;
+            const {scaleX: scaleX, scaleY: scaleY, angle: angle} = this.attribute;
+            return tempBounds.copy(this._AABBBounds), this.setAttributes({
+                scaleX: 1,
+                scaleY: 1,
+                angle: 0
+            }), params.b = this.AABBBounds.clone(), this._AABBBounds.copy(tempBounds), this.setAttributes({
+                scaleX: scaleX,
+                scaleY: scaleY,
+                angle: angle
+            }), params.b;
+        };
+        if ("string" == typeof anchor[0]) {
+            const ratio = parseFloat(anchor[0]) / 100, bounds = getBounds();
+            _anchor[0] = bounds.x1 + (bounds.x2 - bounds.x1) * ratio;
+        } else _anchor[0] = anchor[0];
+        if ("string" == typeof anchor[1]) {
+            const ratio = parseFloat(anchor[1]) / 100, bounds = getBounds();
+            _anchor[1] = bounds.y1 + (bounds.y2 - bounds.y1) * ratio;
+        } else _anchor[1] = anchor[1];
+        return _anchor;
+    }
     doUpdateLocalMatrix() {
-        const {x: x = config_1.DefaultTransform.x, y: y = config_1.DefaultTransform.y, scaleX: scaleX = config_1.DefaultTransform.scaleX, scaleY: scaleY = config_1.DefaultTransform.scaleY, angle: angle = config_1.DefaultTransform.angle, scaleCenter: scaleCenter, anchor: anchor, postMatrix: postMatrix} = this.attribute, _anchor = [ 0, 0 ];
-        if (anchor) {
-            if ("string" == typeof anchor[0]) {
-                const ratio = parseFloat(anchor[0]) / 100, bounds = this.AABBBounds;
-                _anchor[0] = bounds.x1 + (bounds.x2 - bounds.x1) * ratio;
-            } else _anchor[0] = anchor[0];
-            if ("string" == typeof anchor[1]) {
-                const ratio = parseFloat(anchor[1]) / 100, bounds = this.AABBBounds;
-                _anchor[1] = bounds.x1 + (bounds.x2 - bounds.x1) * ratio;
-            } else _anchor[1] = anchor[1];
-        }
-        if (!scaleCenter || 1 === scaleX && 1 === scaleY) (0, vutils_1.normalTransform)(this._transMatrix, this._transMatrix.reset(), x, y, scaleX, scaleY, angle, anchor && _anchor); else {
+        const {x: x = config_1.DefaultTransform.x, y: y = config_1.DefaultTransform.y, scaleX: scaleX = config_1.DefaultTransform.scaleX, scaleY: scaleY = config_1.DefaultTransform.scaleY, angle: angle = config_1.DefaultTransform.angle, scaleCenter: scaleCenter, anchor: anchor, postMatrix: postMatrix} = this.attribute;
+        let _anchor = [ 0, 0 ];
+        const params = {};
+        if (anchor && (_anchor = this.getAnchor(anchor, params)), !scaleCenter || 1 === scaleX && 1 === scaleY) (0, 
+        vutils_1.normalTransform)(this._transMatrix, this._transMatrix.reset(), x, y, scaleX, scaleY, angle, anchor && _anchor); else {
             const m = this._transMatrix;
             m.reset(), m.translate(_anchor[0], _anchor[1]), m.rotate(angle), m.translate(-_anchor[0], -_anchor[1]), 
-            m.translate(x, y), application_1.application.transformUtil.fromMatrix(m, m).scale(scaleX, scaleY, {
-                x: scaleCenter[0],
-                y: scaleCenter[1]
+            m.translate(x, y), _anchor = this.getAnchor(scaleCenter, params), application_1.application.transformUtil.fromMatrix(m, m).scale(scaleX, scaleY, {
+                x: _anchor[0],
+                y: _anchor[1]
             });
         }
         const p = this.getOffsetXY(config_1.DefaultTransform);