@netless/forge-whiteboard 0.1.4 → 0.1.6

package/dist/whiteboard.js

@@ -29993,6 +29993,8 @@ var WhiteboardApplication = class extends import_forge_room3.AbstractApplication
   paperScope = new import_paper.default.PaperScope();
   canvasElement = document.createElement("canvas");
   shadowScope = new import_paper.default.PaperScope();
+  snapshotCanvasElement = document.createElement("canvas");
+  snapshotScope = new import_paper.default.PaperScope();
   shadowCanvasElement = document.createElement("canvas");
   shadowEmitter;
   tools;
@@ -30314,6 +30316,7 @@ var WhiteboardApplication = class extends import_forge_room3.AbstractApplication
     this.rootElement.appendChild(this.shadowCanvasElement);
     this.shadowScope.setup(this.shadowCanvasElement);
     this.shadowScope.settings.insertItems = false;
+    this.snapshotScope.setup(this.snapshotCanvasElement);
     this.resizeObserver = new ResizeObserver(() => {
       const rootBounds = this.rootElement.getBoundingClientRect();
       const minWidth = Math.max(rootBounds.width, 10);
@@ -30650,11 +30653,9 @@ var WhiteboardApplication = class extends import_forge_room3.AbstractApplication
     if (!renderableModel) {
       return Promise.resolve(null);
     }
-    const scope = new import_paper.default.PaperScope();
-    const canvas = document.createElement("canvas");
-    scope.setup(canvas);
-    scope.view.matrix = this.paperScope.project.view.matrix.clone();
-    scope.view.viewSize = this.paperScope.project.view.viewSize.clone();
+    this.snapshotScope.project.activeLayer.removeChildren();
+    this.snapshotScope.view.matrix = this.paperScope.project.view.matrix.clone();
+    this.snapshotScope.view.viewSize = this.paperScope.project.view.viewSize.clone();
     for (const key of Array.from(renderableModel.elements.keys())) {
       let elementModel = null;
       if (renderableModel.elementModels.has(key)) {
@@ -30671,14 +30672,13 @@ var WhiteboardApplication = class extends import_forge_room3.AbstractApplication
         }
         if (elementModel.item) {
           const paperItem = elementModel.item.clone({ insert: false });
-          scope.project.activeLayer.addChild(paperItem);
+          this.snapshotScope.project.activeLayer.addChild(paperItem);
         }
       }
     }
-    document.body.appendChild(scope.view.element);
     return new Promise((resolve) => {
       setTimeout(() => {
-        resolve(scope.view.element.toDataURL("image/png"));
+        resolve(this.snapshotScope.view.element.toDataURL("image/png"));
       }, 32);
     });
   }
@@ -30694,6 +30694,7 @@ var WhiteboardApplication = class extends import_forge_room3.AbstractApplication
     this.rootElement.removeChild(this.shadowCanvasElement);
     this.paperScope.project.clear();
     this.shadowScope.project.clear();
+    this.snapshotScope.project.clear();
     this.resizeObserver.disconnect();
   }
 };