使用布料生成画布图像

Question

var front = document.getElementById("tcanvas").toDataURL("image/png");

我已使用上面的代码导出图像，但出现以下错误：

  

未捕获的DOMException：无法在上执行“ toDataURL”   “ HTMLCanvasElement”：可能无法导出污染的画布。

Answer 1

如果从原产地来源中检索出画布中的任何内容，则画布将被“污染”。

html2canvas文档中limitations的部分说：应该呈现的所有内容都必须来自同一来源。

来源基本上是网址的左侧部分：

http://subdomain.domain.tld/somedocument.html
^         ORIGIN          ^

您需要确保要渲染的所有东西都具有相同的原点（或左侧部分）。