Javascript 如何使用html2canvas生成透明画布

这似乎应该是一件简单的事情，但却非常困难

我只是有一个div-DOM元素，里面有一些文本

我在上面调用html2canvas方法，它正在工作

唯一的问题是，画布的背景是白色的

我试过：

• 将options对象的background属性设置为null
• 在画布和生成CSS背景的DOM元素上，显式地将CSS背景属性更改为透明

不幸的是，一切似乎都不起作用

---

希望有一个优雅的解决方案，但快速破解是可以的。

您必须将backgroundColor传递为null 见：

---

工作示例：

您必须将backgroundColor传递为null 见：

---

工作示例：

可能这可能对您有帮助可能这可能对您有帮助正是这样。非常感谢<代码>{backgroundColor:null}无法处理我的代码`html2canvas（document.querySelector（“.resize wrap”），{backgroundColor:null}）。然后（canvas=>{this.dataURL=canvas.toDataURL（）；_marker.MarkerImage=this.dataURL；this.MarkerLists.push（_marker）；this.countMarker++}）`就是这样。非常感谢<代码>{backgroundColor:null}无法处理我的代码`html2canvas（document.querySelector（“.resize wrap”），{backgroundColor:null}）。然后（canvas=>{this.dataURL=canvas.toDataURL（）；_marker.MarkerImage=this.dataURL；this.MarkerLists.push（_marker）；this.countMarker++}）`

let el = document.querySelector("#my-div")
html2canvas(el,{backgroundColor:null}).then(canvas => {
  document.body.appendChild(canvas)  
})