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

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

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

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

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

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

相关文章

遍历磁盘类型

// 遍历磁盘类型: GetDriveType()#include <iostream> #include <windows.h>using namespace std;int main() {char rootPath[10] {0}, driveType[21] {0};UINT nType;for(char a A; a < Z; a){sprintf(rootPath, "%c:\\", a);nType GetDriveType…

修改eclipse默认编码方式

原因&#xff1a;若是gbk或gb232编码方式的项目&#xff0c;在转换成utf-8编码方式时&#xff0c;致使代码中存在的中文乱码&#xff0c;为此应该统一编码方式。 设置js文件的默认编码格式为UTF-8 在Windows->Preference页面中&#xff0c;选择General->Content Types …

FTP的主动模式与被动模式

FTP协议有两种工作方式&#xff1a;PORT方式和PASV方式&#xff0c;即为主动式和被动式。PORT&#xff08;主动&#xff09;方式的连接过程是&#xff1a;客户端向服务器的FTP端口&#xff08;默认是21&#xff09;发送连接请求&#xff0c;服务器接受连接&#xff0c;建立一条…

CSS 中的内联元素、块级元素以及display的各个属性的特点

1. display:block 1.1 block元素会独占一行&#xff0c;多个block元素会各自新起一行。默认情况下&#xff0c;block元素宽度自动填满其父元素宽度 1.2 block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行 1.3 block元素可以设置margin和padding属性…

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

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

判断一个数的二进制形式是否只有一个1,是的话就输出

// 判断一个数的二进制形式是否只有一个1&#xff0c;是的话就输出#include "stdafx.h" #include <stdlib.h>int main(int argc, char* argv[]) {unsigned int n 0;char str[100] {0};do{if(n && (n & (n-1)) 0){printf("%d, %X\n", …

android- Auto Monitor Logcat

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

C#2.0泛型

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

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

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

echarts使用大总结

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

宏定义中##和#的作用

From: http://blog.chinaunix.net/space.php?uid16135252&doblog&id2752917 内核中有很多的宏定义&#xff0c;在宏定义define中经常看到两个字符串##和#&#xff0c;这里把它的用法做一下说明&#xff1a; ##是一个连接符号&#xff0c;用于把参数连在一起 …

我对CSS vertical-align的一些理解与认识(一)

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

@Repository , @Service , @Controller 和 @Component

用Spring MVC时Controller注解的类将变成一个Spring MVC的控制器. 不用Spring MVC的情况下, 这四个注解没有区别. 根据注解的语义, 注解在类上面可以提高代码的可读性.Repository代表仓库. 一般注解在DAO实现类上, 别人看代码时, 就知道这个类是一个跟数据存储有关的类. Servic…

vue的token刷新处理

前言 以token处理登录的web系统&#xff0c;一般会有两个token&#xff1a;access-token和refresh-token。 node.js中&#xff0c;一般用jsonwebtoken这个模块。 access-token&#xff0c;是用户输入登录的账号密码&#xff0c;后台去db验证然后颁发的&#xff0c;它一般记录…

我对CSS vertical-align的一些理解与认识(二)

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

request_do?send方法

Ruby中 respond_to? 和 send 的用法php?nameRuby" class"t_tag">Ruby中 respond_to? 和 send 的用法[收藏] Ruby中的字符串与符号 如同其他的OO语言一样&#xff0c;在ruby中&#xff0c;通过给对象发送消息&#xff0c;来完成对象的功能&#xff0c;比如…