你好亲爱的社区。
我正在尝试从从 Flickr 获取的图像中创建提取颜色。当我尝试使用 getImageData() 处理 Canvas 中的图像时,这一切都非常有效。
正如通过 WHATWG 将图像加载到 Canvas 中所描述的那样,设置了一个标志,因此您无法对其进行操作。所以我的问题是 FLICKR 是否支持 CORS?
<script type="text/javascript">
var img= new Image;
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var src = "fetched-flickr-image-url";
img.crossOrigin = "Anonymous";
img.src = src;
img.onload = function() {
ctx.drawImage( img, 0, 0 );
var image_data = ctx.getImageData(0, 0, 100, 100);//Throw the Security error
}
});
</script>
我还尝试在其中进行图像处理,但这是一个非常繁重的过程(处理 250 个图像需要大约 4 分钟)。
如果您有任何线索,请ping我。
环境:Mac OSX、HTML5、jQuery
最佳答案
还没有;见 here供讨论。
他们现在似乎正在发送图像的 CORS header ,但带有 Access-Control-Allow-Origin: http://www.flickr.com
,这没有多大帮助,但至少他们现在正在发送标题。
关于canvas - Flickr 是否支持 CORS? getImageData 安全错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8415130/