5 flickr canvas getimagedata cors
亲爱的社区你好.
我正在尝试从Flickr提取的图像中创建提取颜色.当我尝试使用getImageData()在canvas中处理图像时,这一切都非常有效.
如通过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>
Run Code Online (Sandbox Code Playgroud)
我也试图进行图像处理,但这是一个非常繁重的过程(大约需要4分钟来处理250张图像).
如果你有任何线索只是ping我.
环境:Mac OSX,HTML5,jQuery
| 归档时间: |
|
| 查看次数: |
1027 次 |
| 最近记录: |