V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Dive into HTML5
http://diveintohtml5.org/
danube533
V2EX  ›  HTML

如何解决 getImageData 跨域问题

  •  
  •   danube533 · 2015-07-23 16:50:05 +08:00 · 5023 次点击
    这是一个创建于 3171 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    8 条回复    2015-07-24 17:59:39 +08:00
    leojoy710
        1
    leojoy710  
       2015-07-23 16:53:10 +08:00
    这东西不是拿canvas里面的信息的么...为什么会有跨域...
    danube533
        2
    danube533  
    OP
       2015-07-23 16:56:01 +08:00
    @leojoy710 拿外部的图片。。。
    leojoy710
        3
    leojoy710  
       2015-07-23 16:57:31 +08:00
    img图片过来 然后画到canvas里面 然后再拿?
    danube533
        4
    danube533  
    OP
       2015-07-23 17:08:47 +08:00
    @leojoy710 Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
    leojoy710
        5
    leojoy710  
       2015-07-23 17:11:29 +08:00
    ...这是第一次知道...
    不如给图片加CORS吧... 一般CDN也不会修改头...
    yyy
        6
    yyy  
       2015-07-23 17:25:46 +08:00   ❤️ 1
    1、图片的相应头要有 Access-Control-Allow-Origin:*
    2、js代码里有类似这样的
    var img = new Image();
    img.crossOrigin = '';
    img.src = src;

    crossOrigin必须在src之前声明。
    danube533
        7
    danube533  
    OP
       2015-07-24 17:24:16 +08:00
    @yyy 又报错了
    Uncaught IndexSizeError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The source width is 0
    yyy
        8
    yyy  
       2015-07-24 17:59:38 +08:00
    @danube533 那就给img对象加上个宽度属性。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2817 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 15:24 · PVG 23:24 · LAX 08:24 · JFK 11:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.