应无所住,而生其心
排名
1
文章
860
粉丝
112
评论
163
net core webapi post传递参数
庸人 : 确实坑哈,我也是下班好了好几次,发现后台传递对象是可以的,但...
百度编辑器自定义模板
庸人 : 我建议换个编辑器,因为现在百度富文本已经停止维护了,用tinymec...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

VUE-ElementUI DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

5877人阅读 2020/7/18 19:20 总访问:5182728 评论:0 收藏:0 手机
分类: 前端

这种情况下一般是图片不能跨域引起的。

比如引入了其他网站的图片,或者自己网站的图片也有可能遇到这种情况
只要是不允许跨域的话。

如果是引入了其他网站的图片
换成自己本地的图片或者引入自己的图片在尝试

如果引用的都是自己网站的图片,那么设置一下让图片跨域即可
你可能在vue前端需要这样的设置:

  1. img.setAttribute("crossOrigin",'Anonymous')

你也可能可以尝试以下在net core后端设置静态文件允许跨域访问(自己根据自己开发的后端去针对性设置)

  1. //app.UseStaticFiles();
  2. app.UseStaticFiles(new StaticFileOptions
  3. {
  4. OnPrepareResponse = (c) =>
  5. {
  6. c.Context.Response.Headers.Add("Access-Control-Allow-Origin", "*");
  7. }
  8. });

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价