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

html2canvas 截图空白或出现toDataURL‘ on ‘HTMLCanvasElement或img标签没截下来的所有解决办法

news 2025/10/28 15:13:52

1.如果截图空白：

1.1以下的参数是必须要有的。

							width: shareContent.offsetWidth, //设置canvas尺寸与所截图尺寸相同，防止白边height: shareContent.offsetHeight, //防止白边logging: true,useCORS: true,x:0,y:0,

2，如果出现了报错 toDataURL’ on 'HTMLCanvasElement 这个报错那么我的解决办法就是加参数就解决了：

2.1这两个是解决这个报错的

foreignObjectRendering : true,
allowTaint :true

3.如果你截图的内容包含了图片但是你截图上没显示那么你就需要以下的操作。

3.1先设置上这个参数

useCORS: true,

3.2必须在img标签上加上这个参数

<img crossOrigin="anonymous" :src="wx64Url" alt="img"></img>

3.3最重要的一步就是必须把你的图片路径变成base64格式的，不管是网络图片还是本地图片都不管用必须是base64格式的，转成了base64格式会截图很慢，所以你截图的时候必须加上一个定时器，如上图1

如果需要我的完整代码的话可以关注我私聊。我会给你发完整的代码。只是关于截图的部分

html2canvas 截图空白或出现toDataURL‘ on ‘HTMLCanvasElement或img标签没截下来的所有解决办法

1.如果截图空白： 1.1以下的参数是必须要有的。 width: shareContent.offsetWidth, //设置canvas尺寸与所截图尺寸相同，防止白边height: shareContent.offsetHeight, //防止白边logging: true,useCORS: true,x:0,y:0,2，如果出现了报错 toData…...

编程日记 2023/9/4 14:16:37

Eclipse错误提示: Symbol ‘xxxx‘ could not be resolved

问题现象： 调试FPGA时，如果在qsys中增加新的内容，到nios中编译的时候就会提示找不到宏定义。而这些宏定义都是在system.h这个头文件中的，原来的宏定义都能找到，就是新增的找不到，这个应该和头文件路径没有…...

编程日记 2023/9/4 14:15:35

基于Java的OA办公管理系统，Spring Boot框架，vue技术，mysql数据库，前台+后台，完美运行，有一万一千字论文。

基于Java的OA办公管理系统，Spring Boot框架，vue技术，mysql数据库，前台后台，完美运行，有一万一千字论文。系统中的功能模块主要是实现管理员和员工的管理； 管理员：个人中心、普通员工…...

编程日记 2023/9/4 14:14:34

正则表达式(JAVA)

正则表达式(JAVA) 文章目录正则表达式(JAVA)用法字符类(只匹配一个字符)预定义字符(只匹配一个字符)数量词贪婪爬取符号捕获分组规则捕获分组符号非捕获分组案例忽略大小写用法正则表达式在用于校验信息是否满足某些规则的时候,非常的好用在文本中查找满足要求的内容字…...

编程日记 2023/9/4 14:13:32

264_BOOST中的Json库解析_BOOST_AUTO(itrpromodel, doc.FindMember(“productmodel“))；

BOOST_AUTO(itrpromodel, doc.FindMember("productmodel"));if(itrpromodel != doc.MemberEnd()){BOOST_AUTO(iterd_url...

编程日记 2023/9/4 14:12:31

linux rpm 离线安装 nginx 自用，仅供参考

检查是否安装nginx ps -ef|grep nginx 检查rpm是否安装nginx rpm -qa|grep nginx 查看linux centos 发行版本 cat /etc/centos-release (查看其它发现版本就把centos替换为别的比如红旗的 redflag ) 查看cpu信息 x86_64 lscpu 检查nginx所需依赖 …...

编程日记 2023/9/4 14:11:30

第十二章 YOLO的部署实战篇(上篇)

cuda教程目录第一章指针篇第二章 CUDA原理篇第三章 CUDA编译器环境配置篇第四章 kernel函数基础篇第五章 kernel索引(index)篇第六章 kenel矩阵计算实战篇第七章 kenel实战强化篇第八章 CUDA内存应用与性能优化篇第九章 CUDA原子(atomic)实战篇第十章 CUDA流(strea…...

编程日记 2023/9/4 14:10:29

无涯教程-Android - List View函数

Android ListView 是垂直滚动列表中显示的视图，使用 Adapter 从列表(如数组或数据库)中获取内容的列表项会自动插入列表中。适配器(Adapter)实际上是UI组件和将数据填充到UI组件中的数据源之间的桥梁，适配器保存数据并将数据发送到适配器视图&#xff0…...

编程日记 2023/9/4 14:09:27

stable diffusion实践操作-重绘

系列文章目录本文专门开一节写局部重绘相关的内容，在看之前，可以同步关注： stable diffusion实践操作提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、局…...

编程日记 2023/9/4 14:08:27

C# 静态构造函数未执行 .net core框架

代码如下，在执行Encoding.GetEncoding(“gb2312”);方法后报错，说没有找到对应编码，经测试，发现是静态构造函数未执行。 public static class Encodings {/// <summary>/// 注册相关编码/// </summary>static Encodi…...

编程日记 2023/9/4 14:07:26

Java 复习笔记 - 学生管理系统篇

文章目录学生管理系统一，需求部分需求分析初始菜单学生类添加功能删除功能修改功能查询功能二，实现部分（一）初始化主界面（二）编写学生类（三）编写添加学生方法（四&#…...

编程日记 2023/9/4 14:06:24

【UIPickerView-UIDatePicker-应用程序对象 Objective-C语言】

一、今天我们来学习三个东西 1.UIPickerView-UIDatePicker-应用程序对象 1.首先，来看数据选择控件数据选择控件，大家对这个数据选择控件，是怎么理解的， 1）数据选择控件，首先，是不是得有数据， 2）然后呢，你还得让用户能够选择， 3）最后，你还得是一个控件儿那…...

编程日记 2023/9/4 14:05:23

仿京东项目笔记1

目录项目代码1. 项目配置2. 前端Vue核心3. 组件的显示与隐藏用v-if和v-show4. 路由传参4.1 路由跳转有几种方式？4.2 路由传参，参数有几种写法？4.3 路由传参相关面试题4.3.1 路由传递参数（对象写法）path是否可以结合pa…...

编程日记 2023/9/4 14:04:20

huggingface transformers库中LlamaForCausalLM

新手入门笔记。 LlamaForCausalLM 的使用示例，这应该是一段推理代码。 from transformers import AutoTokenizer, LlamaForCausalLMmodel LlamaForCausalLM.from_pretrained(PATH_TO_CONVERTED_WEIGHTS) tokenizer AutoTokenizer.from_pretrained(PATH_TO_CONVE…...

编程日记 2023/9/4 14:03:18

04-过滤器和拦截器有什么区别？【Java面试题总结】

过滤器和拦截器有什么区别？ 运行顺序不同：过滤器是在 Servlet 容器接收到请求之后，但在 Servlet被调用之前运行的；而拦截器则是在Servlet 被调用之后，但在响应被发送到客户端之前运行的。过滤器Filter 依赖于 Servle…...

编程日记 2023/9/4 14:02:17

如何用selenium或pyppeteer来启动多个AdsPower窗口

前言本文是该专栏的第57篇，后面会持续分享python爬虫干货知识，记得关注。关于selenium或pyppeteer来启动打开adspower浏览器的方法，笔者在本专栏前面有详细介绍过，感兴趣的同学可往前翻阅《如何用selenium或pyppeteer来链接并打开指纹浏览器AdsPower》，文章内容包含完整…...

编程日记 2023/9/4 14:01:11

京东店铺所有商品API接口数据

京东平台店铺所有商品数据接口是开放平台提供的一种API接口，通过调用API接口，开发者可以获取京东整店的商品的标题、价格、库存、月销量、总销量、库存、详情描述、图片、价格信息等详细信息。获取店铺所有商品接口API是一种用于获取电商平台上商…...

编程日记 2023/9/4 14:00:08

stm32之27.iic协议oled显示

屏幕如果无法点亮，需要用GPIO_OType_PP推挽输出，加并上拉电阻 1.显示字符串代码 2.显示图片代码（unsigned强制转换（char*）） 汉字显示...

编程日记 2023/9/4 13:59:06

paddle 1-高级

目录为什么要精通深度学习的高级内容高级内容包含哪些武器 1. 模型资源 2. 设计思想与二次研发 3. 工业部署 4. 飞桨全流程研发工具 5. 行业应用与项目案例飞桨开源组件使用场景概览框架和全流程工具 1. 模型训练组件 2. 模型部署组件 3. 其他全研发流程的辅助…...

编程日记 2023/9/4 13:58:05

ChatGPT帮助高职院校学生实现个性化自适应学习与对话式学习

一、学习层面：ChatGPT帮助高职院校学生实现个性化自适应学习与对话式学习 1.帮助高职院校学生实现个性化自适应学习数字技术的飞速发展引起了教育界和学术界对高职院校学生个性化自适应学习的更多关注和支持，其运作机制依赖于人工智能等技术&#xff0…...

编程日记 2023/9/4 13:57:04

阿里云ACP云计算备考笔记 (5)——弹性伸缩

目录第一章概述第二章弹性伸缩简介 1、弹性伸缩 2、垂直伸缩 3、优势 4、应用场景 ① 无规律的业务量波动 ② 有规律的业务量波动 ③ 无明显业务量波动 ④ 混合型业务 ⑤ 消息通知 ⑥ 生命周期挂钩 ⑦ 自定义方式 ⑧ 滚的升级 5、使用限制第三章主要定义 …...

编程新知 2025/10/8 22:40:16

JavaScript 中的 ES|QL：利用 Apache Arrow 工具

作者：来自 Elastic Jeffrey Rengifo 学习如何将 ES|QL 与 JavaScript 的 Apache Arrow 客户端工具一起使用。想获得 Elastic 认证吗？了解下一期 Elasticsearch Engineer 培训的时间吧！ Elasticsearch 拥有众多新功能，助你为自己…...

编程新知 2025/10/27 20:21:44

通过Wrangler CLI在worker中创建数据库和表

官方使用文档：Getting started Cloudflare D1 docs 创建数据库在命令行中执行完成之后，会在本地和远程创建数据库： npx wranglerlatest d1 create prod-d1-tutorial 在cf中就可以看到数据库： 现在，您的Cloudfla…...

编程新知 2025/10/25 6:03:43