From 572135d41eb6d26aecce24bf7c2d0adb6bc7d0e4 Mon Sep 17 00:00:00 2001 From: 龚焕茏 <2842157468@qq.com> Date: 星期一, 15 七月 2024 14:21:49 +0800 Subject: [PATCH] feat:统计图片下载 --- src/views/answer/dataStatistics.vue | 21 ++++++++++++--------- 1 files changed, 12 insertions(+), 9 deletions(-) diff --git a/src/views/answer/dataStatistics.vue b/src/views/answer/dataStatistics.vue index 80f043e..7a077f7 100644 --- a/src/views/answer/dataStatistics.vue +++ b/src/views/answer/dataStatistics.vue @@ -157,15 +157,18 @@ }); }, methods: { - downloadUrlFile(url, fileName) { - // 鑾峰彇base64鍥剧墖 - const chartImgUrl = this.myChart.getDataURL({ - pixelRatio: 2, - backgroundColor: '#fff' - }) - console.log(chartImgUrl) - // 涓嬭浇base64鍥剧墖 - this.downloadUrlFile(chartImgUrl, 'ECharts 2鍊嶅浘') + downloadUrlFile() { + var fileName = this.queryParam.name + '.png'; + var canvasElement = document.getElementsByTagName('canvas')[0]; + var MIME_TYPE = "image/png"; + var imgURL = canvasElement.toDataURL(MIME_TYPE); + var dlLink = document.createElement('a'); + dlLink.download = fileName; + dlLink.href = imgURL; + dlLink.dataset.downloadurl = [MIME_TYPE, dlLink.download, dlLink.href].join(':'); + document.body.appendChild(dlLink); + dlLink.click(); + document.body.removeChild(dlLink); }, handleExport(){ let that = this -- Gitblit v1.8.0