fix: Fix invalid page size error caused by canvas size change

open-mmlab · Jan 12, 2022 · c958b71 · c958b71
1 parent 643aed1
commit c958b71
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/packages/lb-annotation/package.json b/packages/lb-annotation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-annotation",
-  "version": "1.5.4-alpha.12",
+  "version": "1.5.4-alpha.13",
   "description": "Annotation tool collection",
   "keywords": [
     "annotation",

diff --git a/packages/lb-annotation/src/core/toolOperation/basicToolOperation.ts b/packages/lb-annotation/src/core/toolOperation/basicToolOperation.ts
@@ -1054,7 +1054,7 @@ class BasicToolOperation extends EventListener {
       return;
     }
 
-    this._invalidDOM = RenderDomUtils.renderInvalidPage(this.canvas, this.container, this.lang);
+    this._invalidDOM = RenderDomUtils.renderInvalidPage(this.container, this.size, this.lang);
   }
 
   public renderBasicCanvas() {

diff --git a/packages/lb-annotation/src/utils/tool/RenderDomUtils.ts b/packages/lb-annotation/src/utils/tool/RenderDomUtils.ts
@@ -2,16 +2,16 @@ import locale from '../../locales';
 import { EMessage } from '../../locales/constants';
 
 export default class RenderDomUtils {
-  public static renderInvalidPage(canvas: HTMLCanvasElement, container: HTMLElement, lang: string) {
+  public static renderInvalidPage(container: HTMLElement, size: ISize, lang: string) {
     const invalidDOM = document.createElement('div');
     invalidDOM.setAttribute(
       'style',
       `
         position: absolute;
         left: 0px;
         top: 0px;
-        width: ${canvas.width}px;
-        height: ${canvas.height}px;
+        width: ${size.width}px;
+        height: ${size.height}px;
         background: rgba(255, 87, 34, 1);
         overflow: hidden;
         color: white;

diff --git a/packages/lb-components/package.json b/packages/lb-components/package.json
@@ -42,7 +42,7 @@
     "email": "brady_luo.sz@foxmail.com"
   },
   "dependencies": {
-    "@labelbee/lb-annotation": "1.5.4-alpha.12",
+    "@labelbee/lb-annotation": "1.5.4-alpha.13",
     "@ant-design/icons": "^4.6.2",
     "classnames": "^2.3.0",
     "@labelbee/lb-utils": "^1.0.4-alpha.0",