#canvas压缩图片
window.onload = function() {
const canvas = document.querySelector('.canvas')
const img = document.querySelector('.J20')
canvas.width = 500
canvas.height = 500
const c = canvas.getContext('2d')
c.drawImage(img, 0, 0, 500, 500)
const dataURL = canvas.toDataURL('image/jpeg', 0.8)
const dataURL2 = canvas.toDataURL('image/png', 0.7)
}
#canvas下载
const btnPNG = document.getElementsByClassName('download')[1]
btnPNG.addEventListener('click', () => {
const canvas = document.querySelector('.canvas')
const type = 'image/png'
const quality = 0.8
canvas.toBlob((blob) => {
saveBlob(blob, '贼几把帅的J20')
}, type, quality)
})
function saveBlob(blob, fileName) {
const URL = window.URL.createObjectURL(blob)
const a = document.createElement('a')
a.style.display = 'none'
a.href = URL
a.download = fileName
a.click()
window.URL.revokeObjectURL(URL)
}