本文共 916 字，大约阅读时间需要 3 分钟。

1.引入bootstrapTable及html2canvas

bootstrapTable官网：https://www.bootstrap-table.com.cn/

html2canvas官网： http://html2canvas.hertzen.com/

具体参考： https://blog.csdn.net/baidu_31788709/article/details/102689471

2. 导出图片

function saveCanvas() {
        let canvasObj = document.querySelector("#dt-table")     html2canvas(canvasObj, {
            allowTaint: true,         scale: window.devicePixelRatio,  //像素比         useCORS: true,                   //允许服务器图片         height: canvasObj.scrollHeight,//canvas高         width: canvasObj.scrollWidth, //canvas宽         backgroundColor: "#fff",         logging: false     }).then(canvas => {
            let imgUri = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");         let a = document.createElement('a');         let event = new MouseEvent('click')         a.download = 'table.jpg'           a.href = imgUri;           a.dispatchEvent(event)     }); }

转载地址：https://blog.csdn.net/qq_44308920/article/details/121095256 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！