Canvas引入跨域图片导致toDataURL()报错如何解决
导读：本文共636.5字符，通常情况下阅读需要2分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： 【场景】用户打开网页，则请求腾讯COS（图片服务器）上的图片。使用canvas绘图。然后，用户可以重新选择图片、裁剪、上传。【问题】图片首次载入，选择新图片后裁剪、绘制都没有问题。但上传失败，报错如下：Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted can... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
【场景】
用户打开网页，则请求腾讯COS（图片服务器）上的图片。使用canvas绘图。
然后，用户可以重新选择图片、裁剪、上传。
【问题】
图片首次载入，选择新图片后裁剪、绘制都没有问题。但上传失败，报错如下：
Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
经过了解，需要在图片首次引用时，设置crossOrigin字段：
然后再次运行。发现图片首次载入时，不显示了。
本文：
Canvas引入跨域图片导致toDataURL()报错如何解决的详细内容，希望对您有所帮助，信息来源于网络。