Merge pull request #451 from ZenUml/fix-getPng

Fixed getPng.
ZenUml · Mar 2, 2023 · 4a1d028 · 4a1d028
2 parents 2620727 + 36f1f98
commit 4a1d028
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/DiagramFrame/DiagramFrame.vue b/src/components/DiagramFrame/DiagramFrame.vue
@@ -105,6 +105,11 @@ export default {
       return this.rootContext?.title();
     },
   },
+  mounted () {
+    // https://stackoverflow.com/a/64429013/529187
+    // Expose component instance so we can access toPng and other methods.
+    this.$el.__vue__ = this;
+  },
   methods: {
     ...mapMutations(['setScale']),
     showTipsDialog() {

diff --git a/src/core.ts b/src/core.ts
@@ -65,7 +65,8 @@ export default class ZenUml implements IZenUml {
   }
 
   async getPng(): Promise<string> {
-    return this.app.$children[0].toPng();
+    // @ts-ignore
+    return this.el.children[0].__vue__.toPng();
   }
 }