@meta2d/core 1.1.15 → 1.1.18

package/src/core.d.ts

@@ -359,6 +359,8 @@ export declare class Meta2d {
      */
     fitView(fit?: boolean, viewPadding?: Padding, fill?: boolean): void;
     fillView(): void;
+    scaleView(): void;
+    setFits(): void;
     trimPens(): void;
     /**
      * 放大到屏幕尺寸，并居中

package/src/core.js

@@ -946,7 +946,7 @@ export class Meta2d {
                         url.startsWith('data:image'))) {
                     img.src = that.store.options.cdn + url;
                 }
-                img.crossOrigin = 'anonymous';
+                img.crossOrigin = that.store.options.crossOrigin || 'anonymous';
                 img.onload = () => {
                     resolve(img);
                 };
@@ -4505,7 +4505,16 @@ export class Meta2d {
         if (this.store.options.unFill) {
             return; //不自适应
         }
-        const rect = this.getRect();
+        let rect = {
+            x: this.store.data.origin.x,
+            y: this.store.data.origin.y,
+            width: this.store.data.width * this.store.data.scale,
+            height: this.store.data.height * this.store.data.scale,
+        };
+        if (isNaN(rect.width) || isNaN(rect.height)) {
+            rect = this.getRect();
+        }
+        // const rect = this.getRect();
         const wGap = this.canvas.width - rect.width;
         const hGap = this.canvas.height - rect.height;
         //宽度拉伸
@@ -4763,6 +4772,46 @@ export class Meta2d {
         this.canvas.canvasImageBottom.init();
         this.render(true);
     }
+    scaleView() {
+        const viewRadio = window.innerWidth / window.innerHeight;
+        const rect = this.getRect();
+        const radio = rect.width / rect.height;
+        if (Math.abs(viewRadio - radio) < 0.001) {
+            return;
+        }
+        let translate;
+        if (viewRadio > radio) {
+            translate = `scale(${viewRadio / radio},1)`;
+        }
+        else {
+            translate = `scale(1,${radio / viewRadio})`;
+        }
+        this.canvas.parentElement.style.transform = translate;
+    }
+    setFits() {
+        if (!this.store.data.fits) {
+            const children = this.store.data.pens
+                .filter((pen) => !pen.parentId)
+                .map((pen) => pen.id);
+            this.store.data.fits = [
+                {
+                    bottom: true,
+                    bottomValue: 0,
+                    left: true,
+                    leftValue: 0,
+                    right: true,
+                    rightValue: 0,
+                    top: true,
+                    topValue: 0,
+                    x: 0,
+                    y: 0,
+                    height: 1,
+                    width: 1,
+                    children,
+                },
+            ];
+        }
+    }
     trimPens() {
         //去除空连线
         let pens = this.store.data.pens.filter((pen) => pen.name === 'line' && pen.anchors.length < 2);