npm install --save html2canvas
import html2canvas from 'html2canvas'
components: {
html2canvas
},
html2canvas(this.$refs.screenRefs, {
allowTaint: true, ///允許跨域圖片
useCORS: true, //是否嘗試使用CORS從服務(wù)器加載圖像
}).then((canvas) => {
let aseurl = canvas.toDataURL("image/jpeg", 0.7) //得到圖片的base64編碼數(shù)據(jù)
})
html2canvas 使用
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- html2canvas是什么 html2canvas 可以在瀏覽器端直接對整個(gè)或部分頁面進(jìn)行截屏。腳本通過讀取DO...
- vue中的dom結(jié)構(gòu) js的結(jié)構(gòu) 遇到過的問題 1、圖片的偏移問題 1.圖片的偏移問題有一個(gè)很重要的問題需要提醒一...
- Html2canvas是什么? 是一個(gè)腳本 這個(gè)腳本可以允許用戶直接在瀏覽器上拍攝網(wǎng)頁或其中一部分的"屏幕截圖"....
- html2canvas： 將dom元素轉(zhuǎn)為一張圖片 1，裝包：npm install --save html2ca...
- 需要將一個(gè)背景圖+動(dòng)態(tài)獲取的文字+微信頭像拼接成一張圖片，用戶可長按保存最終圖片，難免就是要將html轉(zhuǎn)換成圖片。...
