canvas-图像(安全错误)

canvas-images (securityError)

这是barfly, 我对 canvaced-images 有疑问。 (安全错误) 我构建了一个用于设计名片的工具。在这里,我使用几张画布来制作文本,一张画布来制作徽标。如果不为徽标插入图像,一切正常。但是当我插入图像时,我得到了 securityError。 (一开始它也有效,但我根本无法弄清楚是哪些更改导致了该问题)。现在我试图在通过 ajax 将它们发送到 php 文件之前制作一个 html2canvas。但仍然是同样的问题。它在没有徽标的情况下工作,并在插入徽标时抛出安全错误。这让我最困惑。 我把整个东西都放在我的服务器上。 Url 是:http://obs-design.de/visitenkarten/ 要添加图像,请双击任何文本画布并单击编辑器上的图像图标。 继续后,html2canvas 显示在原始应用程序下。 (这里还有图片)。可以在http://obs-design.de/visitenkarten/canvasimg/visitenkarte.png 调用上传的图像文件(只要没有包含图像)。 有人给我提示吗?提前致谢。

这是因为您在 body 元素上调用 html2canvas()

您的文档确实包含对 https://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png 的引用,但未使用正确的 CORS header 加载。

简单的解决方法是在 #innerbox 元素上调用 html2canvas。 在文档的这一部分,没有任何内容会影响您的 canvas,您可以根据需要调用任何导出方法。

另请注意,canvas 元素没有 crossOrigin 属性,绘制到其上下文的 media-resources 必须已通过适当的 cross-origin 请求提供,您可以不要在 canvas 水平上这样做。