我正在为我的网络应用程序使用 html5 画布。为了摆脱画布安全错误,我在我的 php 服务器中重新下载了跨域图像,并通过我的站点 url 将它放在画布上。
例如我正在使用http://myapp.com:8888/mapper?url=http://othersite.com/image.jpg
我的PHP代码:
$url = $this->input->get('url');
header('Access-Control-Allow-Credentials:true');
header('Access-Control-Allow-Headers:origin, authorization, content-type);
header('Access-Control-Allow-Methods:GET, POST, PUT, DELETE, OPTIONS');
header("Access-Control-Allow-Origin: *");
header('Access-Control-Max-Age:1000');
header('Content-type: image/jpeg;');
$a = file_get_contents($url);
echo $a;
即使我试图通过我的服务器 url 加载图像并添加这个 access-control-allow 标头,当我调用 canvas.toDataURL(); 时它也会出现安全错误;
我使用http://myapp.com:8888作为 url 因为我在 localhost 中测试它。它会导致错误吗?