美文网首页
canvas:Uncaught SecurityError: F

canvas:Uncaught SecurityError: F

作者: w_wx_x | 来源:发表于2021-07-29 16:25 被阅读0次
    image

    原因:

    canvas绘制图片,由于浏览器的安全考虑,如果在使用canvas绘图的过程中,使用到了外域的图片资源,那么在toDataURL()时会抛出安全异常

    解决方案:

    
    var img = new Image();
    
    img.setAttribute('crossOrigin', 'anonymous')
    
    img.src = "https://www........"
    
    img.onload = () => {
    
        canvas.getContext('2d').drawImage(img , 0, 0, canvas.width, canvas.height);
    
    }
    
    

    相关文章

      网友评论

          本文标题:canvas:Uncaught SecurityError: F

          本文链接:https://www.haomeiwen.com/subject/obffvltx.html