npm install --save html2canvas
import html2canvas from 'html2canvas'
// 截图
ok() {
const k1 = Number(new Date().getTime())
html2canvas(
document.querySelector('.tui-image-editor-canvas-container'),
{
useCORS: true,
backgroundColor: null
}
).then((canvas) => {
const dataUrl = canvas.toDataURL('images/jpg')
console.log(dataUrl)
var format = new FormData()
var blob = this.dataURItoBlob2(dataUrl)
format.append('file', blob, Date.now() + '.jpg')
format.append('prefix', d + '')
format.append('type', '3')
var options = {
url: '/file/upload',
method: 'post',
data: format
}
axios(options)
.then((res) => {
console.log(res)
if (res.data.code == 200) {
const b = Number(new Date().getTime()) - Number(k1)
console.log(b)
} else {
this.$message.error(res.data.message)
}
})
.catch((err) => {
console.log(err)
})
})
},
dataURItoBlob2(dataURI) {
// base64转buffer
var byteString = atob(dataURI.split(',')[1])
var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]
var ab = new ArrayBuffer(byteString.length)
var ia = new Uint8Array(ab)
for (var i = 0; i < byteString.length; i++) {
ia[i] = byteString.charCodeAt(i)
}
return new Blob([ab], { type: mimeString })
},