当前位置: 首页 > news >正文

html5 canvas 加载图片错误 SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement'

html5 canvas 加载图片错误 SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported


原因:跨域加载图片


解决方案:
javascript :
<img src="your_domain.com/img.png" crossorigin="Anonymous" />

<script>
  var image = new Image();
  image.crossOrigin = "Anonymous";
  ...
</script>


server 返回的http response中要加以下值到header:
Access-Control-Allow-Origin "*"







相关文章:

  • RGBA模式人物换色的实现
  • javascript实现QR code扫描
  • android webview旋转屏幕导致页面重新加载问题
  • FLEX实践—自创相册
  • Nebula3的渲染线程插件(Render Thread Plugin)
  • android webview 遇到android.os.FileUriExposedException错误
  • Ucweb的发展趋势
  • Asp.net MVC scheduler实现
  • 一幅图对比软件开发框架
  • 移动Mobile Market运营模式初探之二:价值链是关键
  • 为什么我认为软件方法论无效
  • ArcGIS Server Java ADF 案例教程 29
  • Nodejs + azure +webrtc 实现android 和web视频聊天步骤
  • ArcGIS Server Java ADF 案例教程 28
  • SSIS DSN contains an architecture mismatch between the Driver and Application
  • “大数据应用场景”之隔壁老王(连载四)
  • Apache Pulsar 2.1 重磅发布
  • CSS实用技巧干货
  • Js基础知识(四) - js运行原理与机制
  • PermissionScope Swift4 兼容问题
  • react-native 安卓真机环境搭建
  • 动态规划入门(以爬楼梯为例)
  • 精彩代码 vue.js
  • 悄悄地说一个bug
  • 如何学习JavaEE,项目又该如何做?
  • 适配iPhoneX、iPhoneXs、iPhoneXs Max、iPhoneXr 屏幕尺寸及安全区域
  • 为视图添加丝滑的水波纹
  • 我的面试准备过程--容器(更新中)
  • 远离DoS攻击 Windows Server 2016发布DNS政策
  • ​软考-高级-信息系统项目管理师教程 第四版【第23章-组织通用管理-思维导图】​
  • #QT(串口助手-界面)
  • (2)nginx 安装、启停
  • (2/2) 为了理解 UWP 的启动流程,我从零开始创建了一个 UWP 程序
  • (k8s中)docker netty OOM问题记录
  • (MonoGame从入门到放弃-1) MonoGame环境搭建
  • (八)Docker网络跨主机通讯vxlan和vlan
  • (附源码)springboot教学评价 毕业设计 641310
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (一)RocketMQ初步认识
  • (转)linux 命令大全
  • (转)自己动手搭建Nginx+memcache+xdebug+php运行环境绿色版 For windows版
  • .desktop 桌面快捷_Linux桌面环境那么多,这几款优秀的任你选
  • .NET 服务 ServiceController
  • .NET 实现 NTFS 文件系统的硬链接 mklink /J(Junction)
  • .net的socket示例
  • .NET简谈设计模式之(单件模式)
  • .NET业务框架的构建
  • @ 代码随想录算法训练营第8周(C语言)|Day57(动态规划)
  • @Conditional注解详解
  • @property括号内属性讲解
  • [2016.7.Test1] T1 三进制异或
  • [22]. 括号生成
  • [Angular] 笔记 6:ngStyle
  • [IE6 only]关于Flash/Flex,返回数据产生流错误Error #2032的解决方式
  • [IMX6DL] CPU频率调节模式以及降频方法