safari + vueで"Total canvas memory use exceeds the maximum limit"対応


safari + iPad OS 13で、"Total canvas memory use exceeds the maximum limit"くらいました。

こちらの記事を参考に解決。
https://qiita.com/minimo/items/b724c6793f45aca5e6f5

safari(iOS12)で"Total canvas memory use exceeds the maximum limit"が出る場合の対処法

vueでtemplateで記載されたcanvasが解放されない場合があったので、beforeDestroyで解放してあげる。

  beforeDestroy() {
    const canvas = this.$refs["my_canvas"] as HTMLCanvasElement;
    canvas.width = 0;
    canvas.height = 0;    
  }