@inweb/viewer-three 27.1.3 → 27.1.4

package/dist/viewer-three.js

@@ -251,6 +251,8 @@
             rulerUnit: "Default",
             rulerPrecision: 2,
             cameraMode: "perspective",
+            snapshotMimeType: "image/jpeg",
+            snapshotQuality: 0.25,
         };
     }
     class Options {
@@ -35796,9 +35798,15 @@ void main() {
         viewer.clearSlices();
     }
 
-    function createPreview(viewer, type = "image/jpeg", quality = 0.25) {
+    function getSnapshot(viewer, type, quality) {
+        var _a, _b;
         viewer.update(true);
-        return viewer.canvas.toDataURL(type, quality);
+        const mimeType = (_a = type !== null && type !== void 0 ? type : viewer.options.snapshotMimeType) !== null && _a !== void 0 ? _a : "image/jpeg";
+        const imageQuality = (_b = quality !== null && quality !== void 0 ? quality : viewer.options.snapshotQuality) !== null && _b !== void 0 ? _b : 0.25;
+        if (viewer.markup) {
+            return viewer.markup.getSnapshot(mimeType, imageQuality);
+        }
+        return viewer.canvas.toDataURL(mimeType, imageQuality);
     }
 
     function explode(viewer, index = 0) {
@@ -36007,7 +36015,7 @@ void main() {
     commands.registerCommand("clearSelected", clearSelected);
     commands.registerCommand("clearSlices", clearSlices);
     commands.registerCommand("collect", collect);
-    commands.registerCommand("createPreview", createPreview);
+    commands.registerCommand("getSnapshot", getSnapshot);
     commands.registerCommand("explode", explode);
     commands.registerCommand("getDefaultViewPositions", getDefaultViewPositions);
     commands.registerCommand("getModels", getModels);
@@ -36039,6 +36047,7 @@ void main() {
     commands.registerCommand("nw", (viewer) => setDefaultViewPosition(viewer, "nw"));
     commands.registerCommandAlias("clearMarkup", "clearOverlay");
     commands.registerCommandAlias("clearSelected", "unselect");
+    commands.registerCommandAlias("getSnapshot", "createPreview");
     commands.registerCommandAlias("zoomToExtents", "zoomExtents");
     commands.registerCommandAlias("top", "k3DViewTop");
     commands.registerCommandAlias("bottom", "k3DViewBottom");
@@ -56591,10 +56600,22 @@ js: import "konva/skia-backend";
             viewpoint.ellipses = this.getMarkupEllipses();
             viewpoint.images = this.getMarkupImages();
             viewpoint.rectangles = this.getMarkupRectangles();
-            viewpoint.snapshot = { data: this.combineMarkupWithDrawing() };
             viewpoint.custom_fields.markup_color = this.getMarkupColor();
             return viewpoint;
         }
+        getSnapshot(type = "image/jpeg", quality = 0.25) {
+            this.clearSelected();
+            const tempCanvas = document.createElement("canvas");
+            if (this._konvaStage) {
+                tempCanvas.width = this._konvaStage.width();
+                tempCanvas.height = this._konvaStage.height();
+                const ctx = tempCanvas.getContext("2d");
+                if (this._container instanceof HTMLCanvasElement)
+                    ctx.drawImage(this._container, 0, 0);
+                ctx.drawImage(this._konvaStage.toCanvas({ pixelRatio: window.devicePixelRatio }), 0, 0);
+            }
+            return tempCanvas.toDataURL(type, quality);
+        }
         enableEditMode(mode) {
             if (!mode || !MarkupMode2Konva[mode]) {
                 this.clearSelected();
@@ -57031,19 +57052,6 @@ js: import "konva/skia-backend";
             });
             return clouds;
         }
-        combineMarkupWithDrawing() {
-            this.clearSelected();
-            const tempCanvas = document.createElement("canvas");
-            if (this._konvaStage) {
-                tempCanvas.width = this._konvaStage.width();
-                tempCanvas.height = this._konvaStage.height();
-                const ctx = tempCanvas.getContext("2d");
-                if (this._container instanceof HTMLCanvasElement)
-                    ctx.drawImage(this._container, 0, 0);
-                ctx.drawImage(this._konvaStage.toCanvas({ pixelRatio: window.devicePixelRatio }), 0, 0);
-            }
-            return tempCanvas.toDataURL("image/jpeg", 0.25);
-        }
         addLine(linePoints, color, type, width, id) {
             if (!linePoints || linePoints.length === 0)
                 return;
@@ -57765,12 +57773,16 @@ js: import "konva/skia-backend";
             viewpoint.clipping_planes = getClippingPlanes();
             viewpoint.selection = getSelection();
             viewpoint.description = new Date().toDateString();
+            viewpoint.snapshot = { data: this.getSnapshot() };
             this._markup.getViewpoint(viewpoint);
             viewpoint.custom_fields.camera_target = getPoint3dFromVector3(this.target);
             viewpoint.custom_fields.selection2 = getSelection2();
             this.emitEvent({ type: "createviewpoint", data: viewpoint });
             return viewpoint;
         }
+        getSnapshot(type, quality) {
+            return this.executeCommand("getSnapshot", type, quality);
+        }
         screenToWorld(position) {
             if (!this.renderer)
                 return { x: position.x, y: position.y, z: 0 };