如何导出使用本地图像作为背景的HTML创建的画布

Question

我正在开发一个HTML/JS实用程序，我只能通过本地浏览器使用，即它的所有数据都存储在本地磁盘上并从中打开。以下是我要做的：

1/I有一个HTML块，其中的一个元素通过background-image属性使用图像作为其背景。

2/我通过html2canvas将文档的这一部分导出到画布上。

3/I然后想要将画布导出为PNG文件，但这会引发Tainted canvases may not be exported异常。

当我四处寻找答案时，我使用本地图像作为背景来追踪这个问题。事实上，只要我把背景说清楚，一切都很好。各种解决方案建议将图像的来源设置为匿名，但我没有使用我可以这样配置的图像元素；我正在使用该图像作为背景。我能做些什么让它发挥作用？

Answer 1

我认为这可能会有所帮助：

html2canvas(document.body, {
allowTaint: true,
foreignObjectRendering: true,
useCORS: true
});