canvas-images(securityError)

时间:2016-09-25 10:16:39

标签: javascript canvas html2canvas

这是酒吧, 我有canvaced-images的问题。 (的securityError) 我建立了一个设计访问者的工具。在这里,我使用几个画布用于文本,一个用于徽标。没有为徽标插入图像,一切正常。但是当我插入图像时,我得到了securityError。 (一开始它也有效,我根本无法弄清楚,哪些变化导致了这个问题)。现在我尝试在通过ajax将它们发送到php文件之前制作一个html2canvas。但仍然是同样的问题。它在没有徽标的情况下工作,并在插入徽标时抛出securityError。这让我很困惑。 我把整个东西放在我的服务器上。网址是:http://obs-design.de/visitenkarten/ 要添加图像,只需单击编辑器上的图像图标,即可单击任何文本区域。 继续之后,html2canvas显示在原始应用程序下。 (这里还有图片)。上传的图像文件可以在http://obs-design.de/visitenkarten/canvasimg/visitenkarte.png调用(只有很长时间没有包含图像)。 有人对我有暗示吗?提前谢谢。

1 个答案:

答案 0 :(得分:0)

这是因为您在身体元素上调用了html2canvas()

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

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

另请注意,canvas元素没有crossOrigin属性,绘制到其上下文的媒体资源必须使用正确的跨源请求提供,您不能在画布级别执行此操作。< / p>

相关问题