@visactor/vrender 0.17.6 → 0.17.7-alpha.2

package/cjs/index.d.ts

@@ -1,3 +1,3 @@
-export declare const version = "0.17.6";
+export declare const version = "0.17.7-alpha.2";
 export * from '@visactor/vrender-core';
 export * from '@visactor/vrender-kits';

package/cjs/index.js

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 
 const vrender_core_1 = require("@visactor/vrender-core"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_kits_2 = require("@visactor/vrender-kits");
 
-exports.version = "0.17.6", (0, vrender_core_1.isBrowserEnv)() ? (0, vrender_kits_1.loadBrowserEnv)(vrender_core_1.container) : (0, 
+exports.version = "0.17.7-alpha.2", (0, vrender_core_1.isBrowserEnv)() ? (0, vrender_kits_1.loadBrowserEnv)(vrender_core_1.container) : (0, 
 vrender_core_1.isNodeEnv)() && (0, vrender_kits_1.loadNodeEnv)(vrender_core_1.container), 
 (0, vrender_kits_2.registerArc)(), (0, vrender_kits_2.registerArc3d)(), (0, vrender_kits_2.registerArea)(), 
 (0, vrender_kits_2.registerCircle)(), (0, vrender_kits_2.registerGlyph)(), (0, vrender_kits_2.registerGroup)(), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yDAA4E;AAC5E,yDAAqE;AACrE,yDAmBgC;AAEnB,QAAA,OAAO,GAAG,QAAQ,CAAC;AAEhC,IAAI,IAAA,2BAAY,GAAE,EAAE;IAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;CAC3B;KAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;IACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;CACxB;AACD,IAAA,0BAAW,GAAE,CAAC;AACd,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,8BAAe,GAAE,CAAC;AAClB,IAAA,gCAAiB,GAAE,CAAC;AACpB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,iCAAkB,GAAE,CAAC;AACrB,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,+BAAgB,GAAE,CAAC;AACnB,yDAAuC;AACvC,yDAAuC","file":"index.js","sourcesContent":["import { container, isBrowserEnv, isNodeEnv } from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\nexport const version = \"0.17.6\";\n\nif (isBrowserEnv()) {\n  loadBrowserEnv(container);\n} else if (isNodeEnv()) {\n  loadNodeEnv(container);\n}\nregisterArc();\nregisterArc3d();\nregisterArea();\nregisterCircle();\nregisterGlyph();\nregisterGroup();\nregisterImage();\nregisterLine();\nregisterPath();\nregisterPolygon();\nregisterPyramid3d();\nregisterRect();\nregisterRect3d();\nregisterRichtext();\nregisterShadowRoot();\nregisterSymbol();\nregisterText();\nregisterWrapText();\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yDAA4E;AAC5E,yDAAqE;AACrE,yDAmBgC;AAEnB,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,IAAI,IAAA,2BAAY,GAAE,EAAE;IAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;CAC3B;KAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;IACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;CACxB;AACD,IAAA,0BAAW,GAAE,CAAC;AACd,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,8BAAe,GAAE,CAAC;AAClB,IAAA,gCAAiB,GAAE,CAAC;AACpB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,iCAAkB,GAAE,CAAC;AACrB,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,+BAAgB,GAAE,CAAC;AACnB,yDAAuC;AACvC,yDAAuC","file":"index.js","sourcesContent":["import { container, isBrowserEnv, isNodeEnv } from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\nexport const version = \"0.17.7-alpha.2\";\n\nif (isBrowserEnv()) {\n  loadBrowserEnv(container);\n} else if (isNodeEnv()) {\n  loadNodeEnv(container);\n}\nregisterArc();\nregisterArc3d();\nregisterArea();\nregisterCircle();\nregisterGlyph();\nregisterGroup();\nregisterImage();\nregisterLine();\nregisterPath();\nregisterPolygon();\nregisterPyramid3d();\nregisterRect();\nregisterRect3d();\nregisterRichtext();\nregisterShadowRoot();\nregisterSymbol();\nregisterText();\nregisterWrapText();\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}

package/dist/index.js

@@ -6196,6 +6196,168 @@
     },
     __metadata$1d = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+    };
+  var VWindow = Symbol["for"]("VWindow");
+  var WindowHandlerContribution = Symbol["for"]("WindowHandlerContribution");
+  exports.DefaultWindow = /*#__PURE__*/function () {
+    function DefaultWindow() {
+      _classCallCheck(this, DefaultWindow);
+      this.hooks = {
+        onChange: new SyncHook(["x", "y", "width", "height"])
+      }, this._uid = Generator.GenAutoIncrementId(), this.global = application.global, this.postInit();
+    }
+    _createClass(DefaultWindow, [{
+      key: "width",
+      get: function get() {
+        if (this._handler) {
+          var wh = this._handler.getWH();
+          return this._width = wh.width;
+        }
+        return this._width;
+      }
+    }, {
+      key: "height",
+      get: function get() {
+        if (this._handler) {
+          var wh = this._handler.getWH();
+          return this._height = wh.height;
+        }
+        return this._height;
+      }
+    }, {
+      key: "dpr",
+      get: function get() {
+        return this._handler.getDpr();
+      }
+    }, {
+      key: "postInit",
+      value: function postInit() {
+        var _this = this;
+        this.global.hooks.onSetEnv.tap("window", function () {
+          _this.active();
+        }), this.active();
+      }
+    }, {
+      key: "active",
+      value: function active() {
+        var global = this.global;
+        if (!global.env || this.actived) return;
+        container.getNamed(WindowHandlerContribution, global.env).configure(this, global), this.actived = !0;
+      }
+    }, {
+      key: "style",
+      get: function get() {
+        return this._handler.getStyle();
+      },
+      set: function set(style) {
+        this._handler.setStyle(style);
+      }
+    }, {
+      key: "create",
+      value: function create(params) {
+        this._handler.createWindow(params);
+        var windowWH = this._handler.getWH();
+        this._width = windowWH.width, this._height = windowWH.height, this.title = this._handler.getTitle(), this.resizable = !0;
+      }
+    }, {
+      key: "setWindowHandler",
+      value: function setWindowHandler(handler) {
+        this._handler = handler;
+      }
+    }, {
+      key: "setDpr",
+      value: function setDpr(dpr) {
+        return this._handler.setDpr(dpr);
+      }
+    }, {
+      key: "resize",
+      value: function resize(w, h) {
+        return this._handler.resizeWindow(w, h);
+      }
+    }, {
+      key: "configure",
+      value: function configure() {
+        throw new Error("暂不支持");
+      }
+    }, {
+      key: "release",
+      value: function release() {
+        return this._handler.releaseWindow();
+      }
+    }, {
+      key: "getContext",
+      value: function getContext() {
+        return this._handler.getContext();
+      }
+    }, {
+      key: "getNativeHandler",
+      value: function getNativeHandler() {
+        return this._handler.getNativeHandler();
+      }
+    }, {
+      key: "getImageBuffer",
+      value: function getImageBuffer(type) {
+        return this._handler.getImageBuffer ? this._handler.getImageBuffer(type) : null;
+      }
+    }, {
+      key: "addEventListener",
+      value: function addEventListener(type, listener, options) {
+        return this._handler.addEventListener(type, listener, options);
+      }
+    }, {
+      key: "removeEventListener",
+      value: function removeEventListener(type, listener, options) {
+        return this._handler.removeEventListener(type, listener, options);
+      }
+    }, {
+      key: "dispatchEvent",
+      value: function dispatchEvent(event) {
+        return this._handler.dispatchEvent(event);
+      }
+    }, {
+      key: "getBoundingClientRect",
+      value: function getBoundingClientRect() {
+        return this._handler.getBoundingClientRect();
+      }
+    }, {
+      key: "getContainer",
+      value: function getContainer() {
+        return this._handler.container;
+      }
+    }, {
+      key: "clearViewBox",
+      value: function clearViewBox(viewBox, color) {
+        this._handler.clearViewBox(viewBox, color);
+      }
+    }, {
+      key: "isVisible",
+      value: function isVisible(bbox) {
+        return this._handler.isVisible(bbox);
+      }
+    }, {
+      key: "onVisibleChange",
+      value: function onVisibleChange(cb) {
+        return this._handler.onVisibleChange(cb);
+      }
+    }, {
+      key: "getTopLeft",
+      value: function getTopLeft(baseWindow) {
+        return this._handler.getTopLeft(baseWindow);
+      }
+    }]);
+    return DefaultWindow;
+  }();
+  exports.DefaultWindow = __decorate$1A([injectable(), __metadata$1d("design:paramtypes", [])], exports.DefaultWindow);
+
+  var __decorate$1z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+      var d,
+        c = arguments.length,
+        r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+      if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+      return c > 3 && r && Object.defineProperty(target, key, r), r;
+    },
+    __metadata$1c = undefined && undefined.__metadata || function (k, v) {
+      if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     },
     __param$Q = undefined && undefined.__param || function (paramIndex, decorator) {
       return function (target, key) {
@@ -6276,10 +6438,45 @@
           specialCharSet: "-/: .,@%'\"~" + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase()
         }, null != option ? option : {}), textSpec);
       }
+    }, {
+      key: "drawGraphicToCanvas",
+      value: function drawGraphicToCanvas(graphic, stage, canvas) {
+        if (!stage.defaultLayer) return null;
+        var window = container.get(VWindow),
+          bounds = graphic.AABBBounds,
+          width = bounds.width(),
+          height = bounds.height();
+        window.create({
+          width: width,
+          height: height,
+          canvas: canvas,
+          dpr: stage.window.dpr,
+          canvasControled: !0,
+          offscreen: !0,
+          title: ""
+        });
+        var x = -bounds.x1,
+          y = -bounds.y1,
+          disableCheckGraphicWidthOutRange = stage.params.optimize.disableCheckGraphicWidthOutRange;
+        stage.params.optimize.disableCheckGraphicWidthOutRange = !0, stage.defaultLayer.getNativeHandler().drawTo(window, [graphic], {
+          x: x,
+          y: y,
+          width: width,
+          height: height,
+          stage: stage,
+          layer: stage.defaultLayer,
+          renderService: stage.renderService,
+          background: "transparent",
+          clear: !0,
+          updateBounds: !1
+        }), stage.params.optimize.disableCheckGraphicWidthOutRange = disableCheckGraphicWidthOutRange;
+        var c = window.getNativeHandler();
+        return c.nativeCanvas ? c.nativeCanvas : null;
+      }
     }]);
     return DefaultGraphicUtil;
   }();
-  exports.DefaultGraphicUtil = __decorate$1A([injectable(), __param$Q(0, inject(ContributionProvider)), __param$Q(0, named(TextMeasureContribution)), __metadata$1d("design:paramtypes", [Object])], exports.DefaultGraphicUtil);
+  exports.DefaultGraphicUtil = __decorate$1z([injectable(), __param$Q(0, inject(ContributionProvider)), __param$Q(0, named(TextMeasureContribution)), __metadata$1c("design:paramtypes", [Object])], exports.DefaultGraphicUtil);
   var TransformMode;
   !function (TransformMode) {
     TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
@@ -6356,7 +6553,7 @@
     }]);
     return DefaultTransformUtil;
   }();
-  exports.DefaultTransformUtil = __decorate$1A([injectable(), __metadata$1d("design:paramtypes", [])], exports.DefaultTransformUtil);
+  exports.DefaultTransformUtil = __decorate$1z([injectable(), __metadata$1c("design:paramtypes", [])], exports.DefaultTransformUtil);
 
   var defaultThemeObj = {
       arc: DefaultArcAttribute,
@@ -12871,14 +13068,14 @@
   var VirtualLayerHandlerContribution = Symbol["for"]("VirtualLayerHandlerContribution");
 
   var _DefaultLayerService_,
-    __decorate$1z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    __decorate$1y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
       return c > 3 && r && Object.defineProperty(target, key, r), r;
     },
-    __metadata$1c = undefined && undefined.__metadata || function (k, v) {
+    __metadata$1b = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   exports.DefaultLayerService = _DefaultLayerService_ = /*#__PURE__*/function () {
@@ -12916,7 +13113,7 @@
         var _a;
         this.tryInit();
         var layerMode = this.getRecommendedLayerType(options.layerMode);
-        layerMode = options.canvasId ? "static" : layerMode;
+        layerMode = options.main || options.canvasId ? "static" : layerMode;
         var layerHandler = this.getLayerHandler(layerMode),
           layer = new Layer(stage, this.global, stage.window, Object.assign(Object.assign({
             main: !1
@@ -12964,169 +13161,7 @@
     }]);
     return DefaultLayerService_1;
   }();
-  exports.DefaultLayerService.idprefix = "visactor_layer", exports.DefaultLayerService.prefix_count = 0, exports.DefaultLayerService = _DefaultLayerService_ = __decorate$1z([injectable(), __metadata$1c("design:paramtypes", [])], exports.DefaultLayerService);
-
-  var __decorate$1y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-      var d,
-        c = arguments.length,
-        r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-      if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-      return c > 3 && r && Object.defineProperty(target, key, r), r;
-    },
-    __metadata$1b = undefined && undefined.__metadata || function (k, v) {
-      if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-    };
-  var VWindow = Symbol["for"]("VWindow");
-  var WindowHandlerContribution = Symbol["for"]("WindowHandlerContribution");
-  exports.DefaultWindow = /*#__PURE__*/function () {
-    function DefaultWindow() {
-      _classCallCheck(this, DefaultWindow);
-      this.hooks = {
-        onChange: new SyncHook(["x", "y", "width", "height"])
-      }, this._uid = Generator.GenAutoIncrementId(), this.global = application.global, this.postInit();
-    }
-    _createClass(DefaultWindow, [{
-      key: "width",
-      get: function get() {
-        if (this._handler) {
-          var wh = this._handler.getWH();
-          return this._width = wh.width;
-        }
-        return this._width;
-      }
-    }, {
-      key: "height",
-      get: function get() {
-        if (this._handler) {
-          var wh = this._handler.getWH();
-          return this._height = wh.height;
-        }
-        return this._height;
-      }
-    }, {
-      key: "dpr",
-      get: function get() {
-        return this._handler.getDpr();
-      }
-    }, {
-      key: "postInit",
-      value: function postInit() {
-        var _this = this;
-        this.global.hooks.onSetEnv.tap("window", function () {
-          _this.active();
-        }), this.active();
-      }
-    }, {
-      key: "active",
-      value: function active() {
-        var global = this.global;
-        if (!global.env || this.actived) return;
-        container.getNamed(WindowHandlerContribution, global.env).configure(this, global), this.actived = !0;
-      }
-    }, {
-      key: "style",
-      get: function get() {
-        return this._handler.getStyle();
-      },
-      set: function set(style) {
-        this._handler.setStyle(style);
-      }
-    }, {
-      key: "create",
-      value: function create(params) {
-        this._handler.createWindow(params);
-        var windowWH = this._handler.getWH();
-        this._width = windowWH.width, this._height = windowWH.height, this.title = this._handler.getTitle(), this.resizable = !0;
-      }
-    }, {
-      key: "setWindowHandler",
-      value: function setWindowHandler(handler) {
-        this._handler = handler;
-      }
-    }, {
-      key: "setDpr",
-      value: function setDpr(dpr) {
-        return this._handler.setDpr(dpr);
-      }
-    }, {
-      key: "resize",
-      value: function resize(w, h) {
-        return this._handler.resizeWindow(w, h);
-      }
-    }, {
-      key: "configure",
-      value: function configure() {
-        throw new Error("暂不支持");
-      }
-    }, {
-      key: "release",
-      value: function release() {
-        return this._handler.releaseWindow();
-      }
-    }, {
-      key: "getContext",
-      value: function getContext() {
-        return this._handler.getContext();
-      }
-    }, {
-      key: "getNativeHandler",
-      value: function getNativeHandler() {
-        return this._handler.getNativeHandler();
-      }
-    }, {
-      key: "getImageBuffer",
-      value: function getImageBuffer(type) {
-        return this._handler.getImageBuffer ? this._handler.getImageBuffer(type) : null;
-      }
-    }, {
-      key: "addEventListener",
-      value: function addEventListener(type, listener, options) {
-        return this._handler.addEventListener(type, listener, options);
-      }
-    }, {
-      key: "removeEventListener",
-      value: function removeEventListener(type, listener, options) {
-        return this._handler.removeEventListener(type, listener, options);
-      }
-    }, {
-      key: "dispatchEvent",
-      value: function dispatchEvent(event) {
-        return this._handler.dispatchEvent(event);
-      }
-    }, {
-      key: "getBoundingClientRect",
-      value: function getBoundingClientRect() {
-        return this._handler.getBoundingClientRect();
-      }
-    }, {
-      key: "getContainer",
-      value: function getContainer() {
-        return this._handler.container;
-      }
-    }, {
-      key: "clearViewBox",
-      value: function clearViewBox(viewBox, color) {
-        this._handler.clearViewBox(viewBox, color);
-      }
-    }, {
-      key: "isVisible",
-      value: function isVisible(bbox) {
-        return this._handler.isVisible(bbox);
-      }
-    }, {
-      key: "onVisibleChange",
-      value: function onVisibleChange(cb) {
-        return this._handler.onVisibleChange(cb);
-      }
-    }, {
-      key: "getTopLeft",
-      value: function getTopLeft(baseWindow) {
-        return this._handler.getTopLeft(baseWindow);
-      }
-    }]);
-    return DefaultWindow;
-  }();
-  exports.DefaultWindow = __decorate$1y([injectable(), __metadata$1b("design:paramtypes", [])], exports.DefaultWindow);
+  exports.DefaultLayerService.idprefix = "visactor_layer", exports.DefaultLayerService.prefix_count = 0, exports.DefaultLayerService = _DefaultLayerService_ = __decorate$1y([injectable(), __metadata$1b("design:paramtypes", [])], exports.DefaultLayerService);
 
   var coreModule = new ContainerModule(function (bind) {
     bind(VGlobal).to(exports.DefaultGlobal).inSingletonScope(), bind(VWindow).to(exports.DefaultWindow), bind(GraphicUtil).to(exports.DefaultGraphicUtil).inSingletonScope(), bind(TransformUtil).to(exports.DefaultTransformUtil).inSingletonScope(), bind(LayerService).to(exports.DefaultLayerService).inSingletonScope();
@@ -21836,12 +21871,12 @@
         }
         var d = context.dpr % 1;
         (d || .5 !== d) && (dirtyBounds.x1 = Math.floor(dirtyBounds.x1 * context.dpr) / context.dpr, dirtyBounds.y1 = Math.floor(dirtyBounds.y1 * context.dpr) / context.dpr, dirtyBounds.x2 = Math.ceil(dirtyBounds.x2 * context.dpr) / context.dpr, dirtyBounds.y2 = Math.ceil(dirtyBounds.y2 * context.dpr) / context.dpr), this.backupDirtyBounds.copy(dirtyBounds), context.inuse = !0, context.clearMatrix(), context.setTransformForCurrent(!0);
-        var drawInArea = dirtyBounds.width() * context.dpr !== context.canvas.width || dirtyBounds.height() * context.dpr !== context.canvas.height;
+        var drawInArea = dirtyBounds.width() * context.dpr < context.canvas.width || dirtyBounds.height() * context.dpr < context.canvas.height;
         context.save(), context.translate(x, y, !0), drawInArea && (context.beginPath(), context.rect(dirtyBounds.x1, dirtyBounds.y1, dirtyBounds.width(), dirtyBounds.height()), context.clip()), stage.camera && (this.dirtyBounds.setValue(-1 / 0, -1 / 0, 1 / 0, 1 / 0), this.backupDirtyBounds.setValue(-1 / 0, -1 / 0, 1 / 0, 1 / 0)), this.clearScreen(renderService, context, drawContext), context.save(), renderService.renderTreeRoots.sort(function (a, b) {
           var _a, _b;
           return (null !== (_a = a.attribute.zIndex) && void 0 !== _a ? _a : DefaultAttribute.zIndex) - (null !== (_b = b.attribute.zIndex) && void 0 !== _b ? _b : DefaultAttribute.zIndex);
         }).forEach(function (group) {
-          _this2.renderGroup(group, drawContext, matrixAllocate.allocate(1, 0, 0, 1, 0, 0));
+          group.isContainer ? _this2.renderGroup(group, drawContext, matrixAllocate.allocate(1, 0, 0, 1, 0, 0)) : _this2.renderItem(group, drawContext);
         }), context.restore(), context.restore(), context.draw(), context.inuse = !1;
       }
     }, {
@@ -30741,7 +30776,7 @@
     }, {
       key: "getStaticCanvasCount",
       value: function getStaticCanvasCount() {
-        return this.freeCanvasList.length;
+        return 9999;
       }
     }, {
       key: "configure",
@@ -31266,7 +31301,7 @@
     }, {
       key: "getStaticCanvasCount",
       value: function getStaticCanvasCount() {
-        return this.freeCanvasList.length;
+        return 9999;
       }
     }, {
       key: "loadImage",
@@ -32175,7 +32210,7 @@
     }, {
       key: "getStaticCanvasCount",
       value: function getStaticCanvasCount() {
-        return this.freeCanvasList.length;
+        return 9999;
       }
     }, {
       key: "configure",
@@ -34359,7 +34394,7 @@
 
   var roughModule = _roughModule;
 
-  const version = "0.17.6";
+  const version = "0.17.7-alpha.2";
   if (isBrowserEnv()) {
       loadBrowserEnv(container);
   }