使用html2canvas时,导出图片背景不是透明色

问题原因:

  • dom容器的背景颜色不为透明,将dom容器样式设置为background: transparent
  • html2canvas的options参数不为null,传入配置项backgroundColor: null
  • canvas.toDataURL('image/jpeg')导出的base64会自带白色背景,因为jpeg图片不支持alpha通道,使用canvas.toDataURL('image/png')即可
const options = {
  backgroundColor: null // null或transparent可将canvas背景设置为透明
}
html2canvas(dom, options).then(canvas => {
        const base64 = canvas.toDataURL('image/png')
      })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容