博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CANVAS内容导出 @Arthur
阅读量:5994 次
发布时间:2019-06-20

本文共 558 字,大约阅读时间需要 1 分钟。

hot3.png

      通过CANVAS的toDataURL、toBlob、getImageData方法可以获取其image数据。但有时候会报Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported的异常。

      原因是,canvas绘制了其他域的image,出现跨域问题。此处的跨域问题虽然不影响canvas的图像正常显示,但却不能执行上述三个方法来获取其内容。

      修改方式,两步:

    1、在img元素中增加crossOrigin属性。增加属性的方法又有两种:

      (1)img.crossOrigin="Anonymouse"

      (2)<img src="..." crossorigin="Anonymous" />

    2、将img请求的response heard里增加Access-Control-Allow-Origin: *信息。

 

参考:https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image

转载于:https://my.oschina.net/u/3756527/blog/1933118

你可能感兴趣的文章
疯狂ios之cocos2d中的文本
查看>>
Mac下通过 brew 安装不同版本的php
查看>>
云在天之南——我的七天七夜(率性苍山洱海)
查看>>
如何迅速入门Shell 编程
查看>>
Linux企业应用微博客正式开通
查看>>
64位linux下的gns3网络模拟器配置
查看>>
效果差学费贵售后难,VIPKID米雯娟的野心不能只靠“烧钱”营销
查看>>
Windows Server 2012 R2 WSUS-10:流程概述
查看>>
自动发现服务是怎样工作的?
查看>>
Office 365 系列之七:安装Office 365 ProPlus
查看>>
闲诗一首:《莫追梦》
查看>>
Cisco/H3C交换机配置与管理完全手册(第2版)卓越网正式到货
查看>>
让VMware ESX中的虚拟机随esx开机自动启动
查看>>
rhel6.5解决包的依赖的一个处理方法
查看>>
小功能隐藏着大学问---windows的ACL带来的挑战
查看>>
RSA2012系列(4):网络战揭秘
查看>>
Puppet扩展篇6-通过横向扩展puppetmaster增加架构的灵活性
查看>>
西安OpenParty11月29日活动高清图文回顾——新增西安APEC蓝美图!
查看>>
SFB 项目经验-16-呼叫前客户端性能测试
查看>>
我是如何帮助创业公司改进企业工作的
查看>>