位置: IT常识 - 正文

Failed to execute ‘getImageData’ on ‘CanvasRenderingContext2D’ 问题解决方法(failed to execute goal org.apache)

编辑:rootadmin
Failed to execute ‘getImageData’ on ‘CanvasRenderingContext2D’ 问题解决方法

推荐整理分享Failed to execute ‘getImageData’ on ‘CanvasRenderingContext2D’ 问题解决方法(failed to execute goal org.apache),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:failed to execute goal on,failed to execute operation,failed to execute goal,failed to execute goal on,failed to execute goal,failed to execute goal org.apache,failed to execute goal,failed to execute goal,内容如对您有帮助,希望把文章链接给更多的朋友!

最近在使用 Canvas 时,遇到了跨域问题。本文介绍如何解决这类跨域问题。

具体的错误信息如下:

Uncaught DOMException: Failed to execute ‘getImageData’ on ‘CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

对于跨域的图片,只要能够在网页中正常显示出来,就可以使用canvas的drawImage() API绘制出来。但是如果你想更进一步,通过getImageData()方法获取图片的完整的像素信息,则多半会出错。

那有没有什么办法可以解决这个问题呢?

Failed to execute ‘getImageData’ on ‘CanvasRenderingContext2D’ 问题解决方法(failed to execute goal org.apache)

在HTML5中,有些元素提供了支持CORS(Cross-Origin Resource Sharing)(跨域资源共享)的属性,这些元素包括<img>,<video>,<script>等,而提供的属性名就是crossOrigin属性。

因此,上面的跨域问题可以这么处理:

增加一个img.crossOrigin = ''即可,虽然JS代码这里设置的是空字符串,实际上起作用的属性值是anonymous。

crossOrigin可以有下面两个值:

anonymous:元素的跨域资源请求不需要凭证标志设置。

use-credentials:元素的跨域资源请求需要凭证标志设置,意味着该请求需要提供凭证。

其中,只要crossOrigin的属性值不是use-credentials,全部都会解析为anonymous,包括空字符串,包括类似'xttblog'这样的字符。

另外还有一点需要注意,那就是虽然没有crossOrigin属性,和设置crossOrigin="use-credentials"在默认情况下都会报跨域出错,但是性质上却不一样,两者有较大区别。

IE11+,Safari,Chrome,Firefox浏览器均支持,IE9和IE10会报SecurityError安全错误。

本文链接地址:https://www.jiuchutong.com/zhishi/290194.html 转载请保留说明!

上一篇:ChatGPT使用案例之图像生成(chattr)

下一篇:学习笔记 | 多层感知机(MLP)、Transformer(多层是什么)

  • 前任也可以是新欢:如何唤醒一个被大家遗忘的品类(前任也可以是新女友吗)

    前任也可以是新欢:如何唤醒一个被大家遗忘的品类(前任也可以是新女友吗)

  • 稳定个人博客流量的四个办法(个人博客怎么引流)

    稳定个人博客流量的四个办法(个人博客怎么引流)

  • 微信银行卡怎么提现到零钱(微信银行卡怎么转账给别人银行卡)

    微信银行卡怎么提现到零钱(微信银行卡怎么转账给别人银行卡)

  • ipad2021是全贴合屏幕吗(ipad2021全贴合屏吗)

    ipad2021是全贴合屏幕吗(ipad2021全贴合屏吗)

  • excel怎么把数据反过来排列(excel怎么把数据顺序倒过来)

    excel怎么把数据反过来排列(excel怎么把数据顺序倒过来)

  • 微信如何把excel变成在线编辑(微信如何把excel变成在线编辑 金山)

    微信如何把excel变成在线编辑(微信如何把excel变成在线编辑 金山)

  • 删掉的朋友圈可以恢复吗(如何恢复删掉的朋友圈)

    删掉的朋友圈可以恢复吗(如何恢复删掉的朋友圈)

  • iphone11pro max的屏幕刷新率(iphone11pro max的屏幕亮度)

    iphone11pro max的屏幕刷新率(iphone11pro max的屏幕亮度)

  • 微信怎么把夜间模式变成白天模式(微信怎么把夜间模式变成白天模式?)

    微信怎么把夜间模式变成白天模式(微信怎么把夜间模式变成白天模式?)

  • ipadmini2花屏解决方法(ipad mini2花屏解决方法教程)

    ipadmini2花屏解决方法(ipad mini2花屏解决方法教程)

  • z5x和z5i区别(z5x和z5哪个好)

    z5x和z5i区别(z5x和z5哪个好)

  • 段落的对齐有哪五种(段落的对齐有哪几种)

    段落的对齐有哪五种(段落的对齐有哪几种)

  • 抖音直播间管理员怎么设置(抖音直播间管理怎么飘屏文字)

    抖音直播间管理员怎么设置(抖音直播间管理怎么飘屏文字)

  • 抖音号丢了怎么找回(抖音号丢了怎么办?有没有电话)

    抖音号丢了怎么找回(抖音号丢了怎么办?有没有电话)

  • 如何取消微信刷脸功能(如何取消微信刷脸登录)

    如何取消微信刷脸功能(如何取消微信刷脸登录)

  • 手机q币怎么转账给好友(手机如何将q币转为微信钱)

    手机q币怎么转账给好友(手机如何将q币转为微信钱)

  • oppoa57呼吸灯怎么不亮(oppoa57呼吸灯怎么开)

    oppoa57呼吸灯怎么不亮(oppoa57呼吸灯怎么开)

  • 华为三包能免费换屏吗(华为三包包多久)

    华为三包能免费换屏吗(华为三包包多久)

  • 京东已评价怎么删除(京东已评价怎么修改)

    京东已评价怎么删除(京东已评价怎么修改)

  • 350dpi分辨率怎么设置(分辨率300dpi怎么调到350)

    350dpi分辨率怎么设置(分辨率300dpi怎么调到350)

  • 腾讯视频看直播在哪里(腾讯视频看直播一个小时多少流量)

    腾讯视频看直播在哪里(腾讯视频看直播一个小时多少流量)

  • iphonexsmax黑屏按不亮(iphonexsmax黑屏但是机器是开着的)

    iphonexsmax黑屏按不亮(iphonexsmax黑屏但是机器是开着的)

  • 在 vue eslint 报错 error “Component name “*****“ should always be multi-word”,该怎么办?(vue项目eslint配置)

    在 vue eslint 报错 error “Component name “*****“ should always be multi-word”,该怎么办?(vue项目eslint配置)

  • 企业自建房产缴契税吗
  • 税务师在哪里报名
  • 税前利润税率
  • 贴现怎么计算公式
  • 公司有流水不申报会怎么样
  • 股权转让给个人和公司的区别
  • 工会经费网上缴费
  • 应纳税所得额为什么要减去60000
  • 工厂开不了发票
  • 委托加工环节原材料收消费税吗
  • 长期股权投资的初始投资成本
  • 免交增值税是什么意思
  • 应收帐款备抵法
  • 隔月发票红冲操作流程
  • 生产成本直接材料包括哪些
  • 发票折扣有没有限制
  • 辅助生产车间最后结转到哪里
  • 长期借款产生的利息计入哪个科目
  • 公司承担了个人社保如何入账
  • 运输增值税专票含税价怎么算
  • 员工个人学历教育费用不能在企业所得税前列支
  • 差旅费可以支取现金吗
  • 小规模核定征收税率
  • 垫付的工程款可以起诉要回吗
  • 研发设备一次性计入研发费用账务处理
  • 车辆保险分期分摊怎么做账?
  • uv价值是怎么计算公式
  • 刷单的费用计入劳务费吗
  • 申报更正退税增值税申报表如何反应
  • linux和windows关系
  • unity导出webgl报错
  • 劳务所得税怎么计算公式
  • 公司交社保需要承担多少费用
  • phpmvc框架工作原理
  • 终身职业技能培训
  • thinkphp3.2框架
  • yii框架连接数据库
  • javaweb总结笔记
  • ai绘图软件教程
  • matlab基础介绍
  • gpib-usb驱动
  • 纳税检查调整销售额什么意思
  • 应付职工薪酬包括哪些二级科目
  • 供应商发票多开了3毛钱能做到财务费吗
  • 房子补偿款
  • About BitRock
  • 无偿帮工造成财产损失谁赔偿 法院
  • 行政单位福利费管理办法
  • 第四季度所得税跟汇算清缴是一样吗
  • 个人取得劳务报酬个人所得税
  • mysql 5.5.x zip直接解压版安装方法
  • 所得税汇算清缴补税的会计处理
  • 车辆处置如何缴纳企业所得税
  • 商品损耗科目
  • 广告类的公司
  • 代开专票作废退税怎么做账?
  • 代收物业费有什么风险
  • 保险公司赔付进项税
  • 认证的进项退税怎么操作
  • 汇算清缴帐务处理
  • 填写增值税纳税申报怎么填写?
  • 工程尾款要计入什么科目
  • 什么是合理的工作安排
  • win7激活怎么关闭
  • win2008r
  • aspnet_admin.exe进程是安全的吗 aspnet_admin进程信息查询
  • 快捷图标小箭头怎么恢复
  • win7连接xp共享
  • centos vi命令
  • frontpage软件
  • 原生js实现仿苹果Siri语音助手特效动画
  • jquery技巧
  • table css 模板
  • css控制html
  • angularjs1.5
  • js如何实现单例模式
  • jquery获取元素父级body高度
  • android设计模式与最佳实践 pdf
  • 预缴的税额可以用留底抵扣吗
  • 出口退税 即征即退属于政府补助吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设