downscanvas () {
let canvas = this.$refs.maincanvas
const base64Img = canvas.toDataURL('image/png')
var a = document.createElement('a') // 生成一个a元素
var event = new MouseEvent('click') // 创建一个单击事件
a.download = this.staval + '[' + this.staname + ']' + '雨滴谱图' + this.stime() // 设置图片名称
a.href = base64Img // 将生成的URL设置为a.href属性
a.dispatchEvent(event)
},
canvas保存为图片下载至本地
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- canvas标签是可以右键保存的但是这样还是不够友好如果点击按钮下载,那就最好不过了 思路 a标签可以下载资源的2...
- html框架,包括css 通过 .container的样式将canvas影藏起来,从而实现在选择上传时默默缩小文件...
- 本次技术调研来源于H5项目中的一个重要功能需求:实现微信长按网页保存为截图。 这里有个栗子(请用微信打开,长按图片...