你好亲爱的社区。
我正在尝试从从 Flickr 获取的图像中提取颜色。当我尝试使用 getImageData() 处理画布中的图像时,这一切都非常有效。
正如通过 WHATWG 将图像加载到画布中所描述的那样,设置一个标志,因此您无法对其进行操作。所以我的问题是 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