resize canvas on visibility change

2024-02-07 01:47:57 +02:00
parent 5ee762c08c
commit 13379bd699
2 changed files with 25 additions and 1 deletions
@@ -190,8 +190,20 @@ export default {

        this.$emit('start')
      })
+
+      this.intersectionObserver = new IntersectionObserver((entries, observer) => {
+        entries.forEach(entry => {
+          if (entry.isIntersecting) {
+            this.$refs.canvas.width = this.$refs.canvas.parentNode.clientWidth
+            this.$refs.canvas.height = this.$refs.canvas.parentNode.clientWidth / 3
+          }
+        })
+      }).observe(this.$refs.canvas)
    }
  },
+  beforeUnmount () {
+    this.intersectionObserver?.disconnect()
+  },
  methods: {
    remove () {
      this.$emit('update:model-value', '')