尼采般地抒情

公告栏

此网站主题为本人手写主题, 主题待开源···

站点信息

文章总数目: 305
已运行时间: 1063
目录
  1. 转换base64编码

尼采般地抒情

尼采般地抒情

公告栏

此网站主题为本人手写主题, 主题待开源···

站点信息

文章总数目: 305
已运行时间: 1063

转换base64编码

// 下载图标点击事件

downloadIcon() {
let downloadUrl =
'https://xxx.com' +
this.gameInfoData.gameIcon.replace('\_thumb', '')
this.downloadImg(downloadUrl, this.gameInfoData.gameName + '-icon')
},
// 功能代码
downloadImg(imgsrc, name) {
var image = new Image()
// 解决跨域 Canvas 污染问题
image.setAttribute('crossOrigin', 'anonymous')
image.onload = function() {
var canvas = document.createElement('canvas')
canvas.width = image.width
canvas.height = image.height
var context = canvas.getContext('2d')
context.drawImage(image, 0, 0, image.width, image.height)
var url = canvas.toDataURL() //得到图片的 base64 编码数据
var a = document.createElement('a') // 生成一个 a 元素
var event = new MouseEvent('click') // 创建一个单击事件
a.download = name || 'photo' // 设置图片名称
a.href = url // 将生成的 URL 设置为 a.href 属性
a.dispatchEvent(event) // 触发 a 的单击事件
}
image.src = imgsrc
}

评论区

Twikoo giscus