解决html2canvas截取页面部分div黑屏问题

news/2025/1/10 20:55:27/文章来源:https://blog.csdn.net/qq_43248623/article/details/108147036

在这里插入图片描述
当截取页面的部分div时出现上述问题

原因：
在这里插入图片描述
当转存图片格式为jpeg时截取整个页面(document.body)没有问题，但截取部分div会有黑屏

将jpeg改为png时图片可正常显示。
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/406923.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

window.print() 前端实现网页打印详解

前言 print作为浏览已经比较成熟的技术可以经常被用来打印页面的部分内容，我们可以在MDN上查看到相关的简单介绍。一、print()方法 print() 方法用于打印当前窗口的内容。调用 print() 方法会产生一个打印预览弹框，让用户可以设置打印请求。最简单的打…

android- Auto Monitor Logcat

启动模拟器的时候弹出窗体： 它实在询问你是否显示logcat视图以便显示此工作空间中的程序信息。因为如何程序错误，可以从logcat中看到错误的原因，建议选择yes。单击确定，你会发现多了一个Logcat窗体。转载于:https://www.cnblogs…

C#2.0泛型

泛型是什么一种类型占位符，或称之为类型参数。我们知道在一个方法中，一个变量的值可以作为参数，但其实这个变量的类型本身也可以作为参数。泛型允许我们在调用的时候再指定这个类型参数是什么。在.net中，泛型能够给我们带来的两…

css行高line-height的一些深入理解及应用

1. 一些字面意思 “行高”是指两行文字间基线之间的距离。基线是在英文字母中用到的一个概念，我们刚学英语的时使用的那个英语本子每行有四条线，其中底部第二条线就是基线，是a,c,z,x等字母的底边线。下图的红色线即为基线 2. line-height与l…

echarts使用大总结

echarts图表x轴数据太多显示不全的问题问题如图，x轴数据条数过多可能导致x轴显示不全，开始我使用下面方法 xAxis: {type: "category",min: min,max: max,data:time,axisLabel: {interval:num,//interval为x轴两相邻数据之间所包含数据条数&a…

我对CSS vertical-align的一些理解与认识（一）

1. vertical-align一大堆乱七八糟的属性有句俗语叫做“见多不怪”，我估摸着这些top,bottom属性大家都见过，没啥看头，没啥说头。老实讲，我看到这些养臭虫的属性也头疼，所以，忘了他们，我们说点有…

我对CSS vertical-align的一些理解与认识（二）

1. 我对不同浏览器解析vertical-align属性的理解在上集中，在最后提供的实例中，vertical-align:middle实际上应该是与后面的文字是独立的，毫无关联，就是说vertical-align无论是什么，都不影响文字在box中的位置&#x…

VC2010如何给ActiveX添加事件

利用VC开发ActiveX时，需要给控件添加标准事件或自定义事件，在VC6中有多种方法： 一、按Ctrl W　打开类向导－＞切换到“ActiveX Events"－＞Add Event...，如图： 二、右…

CSS中height:100%和height:inherit的异同

1. height:100%和height:inherit的异同 1.1 兼容性差异 height:100% IE6 √ height:inherit IE8 √ 1.2 大多数情况作用是一样的除去兼容性，大多数情况下，两者作用是一样的，甚至都很难想出不一样的理由父容器height: auto&#xff0c…

cxxtest单元测试框架源码分析(二)：所有对外功能实现分析

CxxTest的大部分诊断功能都是通过宏定义实现的，而且这部分的定义以及所有测试套的基类CxxTest:TestSuite定义和实现都在TestSuite.h和TestSuite.cpp里面。下面我们将通过分析这两个文件来分析CxxTest的对外功能体现。 1 //所有的类以及定义都是在CxxTest名称空间中2…

absolute元素在text-align属性下的对齐显示

1. absolute元素是否可以响应text-align属性？ 众所周知，text-align属性可以有效作用于inline/inline-block水平的元素，那么应用了position:absloute/fixed声明的元素呢？ 上面效果中的图片就是应用了position: absolute声明&#…

vue-cli proxy中跨域中pathRewrite配置理解

1. vue本地项目调试线上接口出现跨域问题 2. 通过在 config/index.js 配置文件中找到proxyTable配置项 dev: {// PathsassetsSubDirectory: static,assetsPublicPath: /,proxyTable: {/api: {target: http://XX.XX.XX.XX:8083,changeOrigin: true,pathRewrite: {^/api: /api …