1.npm ihtml2canvas --save

2.匯出

　　div內的圖片需要是本地的，線上圖片需要轉化為base64

<script>
import html2canvas from 'html2canvas'
export default {
    methods: {
        //截圖
        handleOk() {
            html2canvas(this.$refs.screen, {
                useCORS: true,
            }).then((canvas) => {
                
 
if (navigator.msSaveBlob) {
                    // IE10+
                    let blob = canvas.msToBlob()
                    return navigator.msSaveBlob(blob, name)
                } else {
                    let imageurl = canvas.toDataURL('image/png')
                    //這裡需要自己選擇命名規則
                    let imagename = ''
                    this
 
.fileDownload(imageurl, imagename)
                }
            })
        },
        //下載截圖圖片
        fileDownload(downloadUrl, downloadName) {
            let aLink = document.createElement('a')
            aLink.style.display = 'none'
            aLink.href = downloadUrl
            aLink.download 
 
= `${downloadName}.jpg`
            // 觸發點選-然後移除
            document.body.appendChild(aLink)
            aLink.click()
            document.body.removeChild(aLink)
        },
    },
}
</script>