問題原因:
- dom容器的背景顏色不為透明氧秘,將dom容器樣式設(shè)置為
background: transparent
- html2canvas的options參數(shù)不為null情臭,傳入配置項
backgroundColor: null
- canvas.toDataURL('image/jpeg')導(dǎo)出的base64會自帶白色背景省撑,因為jpeg圖片不支持alpha通道,使用
canvas.toDataURL('image/png')
即可
const options = {
backgroundColor: null // null或transparent可將canvas背景設(shè)置為透明
}
html2canvas(dom, options).then(canvas => {
const base64 = canvas.toDataURL('image/png')
})