Vue 导出echarts图片

最新推荐文章于 2024-10-17 12:06:54 发布

爱吃的前端程序员

最新推荐文章于 2024-10-17 12:06:54 发布

阅读量2.9k

点赞数 2

分类专栏： vue echarts js 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/y521123y/article/details/106637629

版权

vue 同时被 3 个专栏收录

21 篇文章

订阅专栏

8 篇文章

订阅专栏

echarts

2 篇文章

订阅专栏

<template>
  <div>
    <div ref="wordcloud" class="wordcloud">
    </div>
    <button @click="download">下载</button>
  </div>
</template>

download(){
  let mycanvas=document.getElementsByTagName('canvas')[0]
  let image=mycanvas.toDataURL("image/png");
  let $a = document.createElement('a');
  $a.setAttribute("href", image);
  $a.setAttribute("download", "echarts图片下载.png");
  $a.click();
}