@netless/forge-whiteboard 0.1.9 → 0.1.10

package/dist/whiteboard.js

@@ -29363,17 +29363,33 @@ var Whiteboard = class extends import_eventemitter39.default {
    */
   redo;
   /**
-   * 光栅化指定页面
-   * @param {string | number | undefined} page 指定页码, string 指示页码 id, number 指示 IndexedNavigation 页面索引, undefined 指示光栅化当前页
-   * @return {Promise<string>} 异步返回光栅化结果, 图片 png 对应的 base64 url, 如果页面不存在返回 null
+   * 光栅化指定页面的可视区域
+   * @param {number} scale 缩放比例
+   * @param {string=} page string 指示页码 id; number 指示 IndexedNavigation 页面索引; undefined 指示光栅化当前页
+   * @return {Promise<string>} 异步返回光栅化结果, 图片 png 对应的 base64 url. 如果页面不存在返回 null
    */
-  rasterize;
+  rasterizeViewport;
+  /**
+   * 光栅化指定页面包含所有元素的包围盒
+   * @param {number} outputMaxWidth 输出图片最大宽度, 在保证高宽比的情况下限值输出图片的宽度小于等于此值
+   * @param {number} outputMaxHeight 输出图片最大高度, 在保证高宽比的情况下限值输出图片的高度小于等于此值
+   * @param {string=} page string 指示页码 id; number 指示 IndexedNavigation 页面索引; undefined 指示光栅化当前页
+   * @return {Promise<string>} 异步返回光栅化结果, 图片 png 对应的 base64 url. 如果页面不存在返回 null
+   */
+  rasterizeElementsBounds;
+  /**
+   * 光栅化指定页面最大缩放区域, 如果没有指定 `WhiteboardOption.maxScaleRatio` 或者指定的值为 -1, 则按 `rasterizeViewport` 返回结果.
+   * @param {number} scale 缩放比例
+   * @param {string=} page string 指示页码 id; number 指示 IndexedNavigation 页面索引; undefined 指示光栅化当前页
+   * @return {Promise<string>} 异步返回光栅化结果, 图片 png 对应的 base64 url. 如果页面不存在返回 null
+   */
+  rasterizeMaxBounds;
   /**
    * 设置输入类型, "pen" 仅接受手写笔输入, "any" 接受任意输入, 当首次侦测到手写笔输入时, 将自动切换为 "pen"
    * @param {"pen" | "any"} type 输入类型
    */
   setInputType;
-  insertImage;
+  // public insertImage!: (src: string) => void;
   constructor(view) {
     super();
     this.view = view;
@@ -30275,8 +30291,14 @@ var WhiteboardApplication = class extends import_forge_room3.AbstractApplication
     this.emitter.redo = () => {
       this.undoManager?.redo();
     };
-    this.emitter.rasterize = (page) => {
-      return this.rasterize(page);
+    this.emitter.rasterizeViewport = (scale, page) => {
+      return this.rasterize(1, 1, scale, "viewport", page);
+    };
+    this.emitter.rasterizeElementsBounds = (outputMaxWidth, outputMaxHeight, page) => {
+      return this.rasterize(outputMaxWidth, outputMaxHeight, 1, "bounds", page);
+    };
+    this.emitter.rasterizeMaxBounds = (scale, page) => {
+      return this.rasterize(1, 1, scale, "maxScale", page);
     };
     this.emitter.setInputType = (type) => {
       this.inputType = type;
@@ -30386,6 +30408,7 @@ var WhiteboardApplication = class extends import_forge_room3.AbstractApplication
         that.camera.enableBoundaryHighlight = value;
       }
     });
+    window["__wb"] = this;
   }
   userMap(userId) {
     return this.getMap(`user/${userId}`);
@@ -30834,7 +30857,10 @@ var WhiteboardApplication = class extends import_forge_room3.AbstractApplication
       this.emitter.emit("elementDeselected", userId);
     }
   };
-  rasterize(page) {
+  ensureScale(outputWidth, outputHeight, originSize) {
+    return Math.min(outputWidth / originSize.width, outputHeight / originSize.height);
+  }
+  rasterize(outputMaxWidth, outputMaxHeight, scale, area, page) {
     let pageId;
     if (typeof page === "string") {
       pageId = page;
@@ -30848,8 +30874,6 @@ var WhiteboardApplication = class extends import_forge_room3.AbstractApplication
       return Promise.resolve(null);
     }
     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)) {
@@ -30870,6 +30894,29 @@ var WhiteboardApplication = class extends import_forge_room3.AbstractApplication
         }
       }
     }
+    if (area === "bounds") {
+      const bounds = this.snapshotScope.project.activeLayer.bounds;
+      const scale2 = this.ensureScale(outputMaxWidth, outputMaxHeight, bounds.size);
+      const matrix = new this.paperScope.Matrix();
+      matrix.scale(scale2);
+      matrix.translate({ x: -bounds.x, y: -bounds.y });
+      this.snapshotScope.view.viewSize = bounds.size.multiply(scale2);
+      this.snapshotScope.view.matrix = matrix;
+    } else if (area === "maxScale" && this.option.maxScaleRatio && this.option.maxScaleRatio !== -1) {
+      const width = this.option.width * this.option.maxScaleRatio;
+      const height = this.option.height * this.option.maxScaleRatio;
+      const offsetX = this.option.width * (this.option.maxScaleRatio - 1) / 2;
+      const offsetY = this.option.height * (this.option.maxScaleRatio - 1) / 2;
+      const matrix = new this.paperScope.Matrix();
+      matrix.scale(scale);
+      matrix.translate({ x: offsetX, y: offsetY });
+      this.snapshotScope.view.viewSize = new this.snapshotScope.Size(width, height).multiply(scale);
+      this.snapshotScope.view.matrix = matrix;
+    } else {
+      this.snapshotScope.view.matrix = this.paperScope.project.view.matrix.clone();
+      this.snapshotScope.view.matrix.scale(scale, this.paperScope.project.view.bounds.topLeft);
+      this.snapshotScope.view.viewSize = this.paperScope.project.view.viewSize.clone().multiply(scale);
+    }
     return new Promise((resolve) => {
       setTimeout(() => {
         resolve(this.snapshotScope.view.element.toDataURL("image/png"));