如何解决 getImageData 跨域问题

[danube533]

项目需要用HTML5的getImageData方法实现图片的一些特效，在本地测试没问题，放到cdn上浏览器提示跨域，即使用二级域名也不行，图片数量很多，因此必须放到cdn上，请问如何解决？

[leojoy710]

这东西不是拿canvas里面的信息的么...为什么会有跨域...

[danube533]

@leojoy710 拿外部的图片。。。

[leojoy710]

img图片过来 然后画到canvas里面 然后再拿?

[danube533]

@leojoy710 Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

[leojoy710]

...这是第一次知道...
不如给图片加CORS吧... 一般CDN也不会修改头...

[yyy]

1、图片的相应头要有 Access-Control-Allow-Origin:*
2、js代码里有类似这样的
var img = new Image();
img.crossOrigin = '';
img.src = src;

crossOrigin必须在src之前声明。

[danube533]

@yyy 又报错了
Uncaught IndexSizeError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The source width is 0

[yyy]

@danube533 那就给img对象加上个宽度属性。