分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

canvas.toDataURL()报错

发布时间:2023-09-06 02:08责任编辑:傅花花关键词:暂无标签

  最近在用canvas绘制图片后将图片格式转成base64链接时,在chrome中打开网页调试时如下遇到了报错:

Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘: Tainted canvases may not be exported.

  这个问题因为是基于file:// 进行调试的,而chrome做了安全相关的处理,主要是HTML5安全的CORS(跨域资源共享)的安全限制,造成出现这样的提示,如果你需要在自己的电脑上调试的话,只需要本地搭建一个服务器环境就可以了。

  以下提供一个本地启服务的方法,方法需要安装nodejs(不知道的同学请自行百度),用npm全局安装一个http-server的模块。

npm install http-server -g

   安装好模块后,进入项目根目录,按住shift键后鼠标右键选择”在此处打开cmd“后,输入http-server敲回车即可。

  

  启动服务后,在浏览器中输入127.0.0.1:8080即可查看本地项目目录,选择调试的项目,即不会出现报错。

canvas.toDataURL()报错

原文地址:https://www.cnblogs.com/leonmangochen/p/9415777.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved