2014-11-08 109 views
0

我复制了此链接的代码:http://jamesbaca.net/slides/source_code/html5_andJSThumbs/。该演示在服务器上运行良好,但我的本地代码不会生成图像。我为我自己的副本演示&运行Inspect元素。该演示显示了图像元素的src。该副本仅显示原始代码。 src从哪里来,&我如何获得副本以呈现与原始演示相同的结果?视频帧图像SRC不显示

+1

你试图加载它作为一个文件://URL? – aldel 2014-11-08 18:49:04

+0

[重复的问题?](http://stackoverflow.com/questions/22710627/tainted-canvases-may-not-be-exported) – aldel 2014-11-08 18:58:40

+0

@aldel试图显示它作为一个简单的数据网址,通过右键点击。显然,使用外部在线服务完成对base64的图像转换。可以插入本地代码来完成任务吗? – JimM 2014-11-08 21:31:07

回答

0

该问题不在您的代码中;这就是它在服务器上工作的原因。它只会因为你试图从文件而不是服务器加载而失败。从文件的图像:// URL自动“玷污”画布(即使它是由一个网页,也是一个文件加载:// URL),这意味着呼唤toDataURL将throw an error

如果canvas元素的位图的origin-clean标志被设置为false,抛出一个SecurityError异常 并放弃这些步骤。

您应该运行本地服务器并从中加载代码。例如,假设你已经安装了Python,您可以cd到你的文件中,并运行目录:

蟒蛇-m SimpleHTTPServer 8009

那么你的浏览器指向http://localhost:8009/yourfile.html