使用html2canvas导出pdf截图不全问题解决方案——经测可用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用html2canvas导出pdf截图不全问题解决方案——经测可用相关的知识,希望对你有一定的参考价值。

参考技术A 项目中遇到一个问题,要将网页内容导出成pdf,但是如果页面有滚动条,且上下滑动了页面,导出的pdf只有一部分,影响使用,找了好多方法,最后使用的方法完美解决,让用户调用导出按钮的时候页面高度回到页面顶部:写在打印方法内

window.pageYoffset =0;

document.documentElement.scrollTop =0;

document.body.scrollTop =0;

matlab作图导出为PDF去除留白插入latex

latex写论文时,一般为了图片不失真,引用的图片需要转为pdf格式。matlab作图,直接导出为pdf经常遇到有灰色底色,有大片留白等不符合要求的情况,此博介绍一种简单的方法,轻松导出图片。

此外,先提供一种以前用过比较笨的方法:1.将灰色的底色调成和图内一样的白色;2.用截图工具截图,然后用adobe acrobat pro 软件(比adobe reader功能更强的软件)进行粘贴,截图修改边框。

舍友还介绍了一种她常用的方法,但是我导出为pdf以后上下留白没有解决。介绍一下,可以一试,文件->导出设置->属性->大小中的当大坐标轴至充满图形打钩。

后来发现可以有更简单的方法:

1. 绘制matlab图

     我的数据是从程序写出的日志文件中来的,具体如何提取数据,导入matlab可以参考我以前的博客。画一个简单的图如下:

   

直接文件另存为pdf,我们会得到如下所示,有大片留白的图片,如何直接插入latex会导致图片上下有大片空白空间。

 

2. 设置图片格式

点击Figure 1上的文件->打印预览,在弹出的对话框左下角调整宽度和高度的数值,

使得右边的底框越来越小,刚好略大于所做的图。

 

 3. 导出图片

文件->另存为->pdf,查看导出的图,画布略大于图片,插入latex正好。图片周围的灰色是用adobe reader打开后的底色,与图片无关。

 

以上是关于使用html2canvas导出pdf截图不全问题解决方案——经测可用的主要内容,如果未能解决你的问题,请参考以下文章

【解决】html2canvas截图不全的问题

Vue<解决html2canvas截图不全的问题>

html2canvas截图不全或空白

vue中实现html页面导出word和pdf的办法

html2canvas.js插件截图空白问题

html2canvas.js插件截图空白问题