render-html-to-pdf icon indicating copy to clipboard operation
render-html-to-pdf copied to clipboard

Published 20 hours ago • verified publisher icon linwalker

分页时文字也被截取了，怎么解决！！

Open zlLotus opened this issue 7 years ago • 6 comments

image

zlLotus avatar Jan 23 '18 08:01 zlLotus

@HinduLotus 碰到同样的问题了，你解决了吗

a992681784 avatar May 25 '19 09:05 a992681784

我的内容不是固定的。这样肯定不行。

cfangxx avatar Jul 19 '19 13:07 cfangxx

怎么解决得呀 @zlLotus

Daiqiangdeveloper avatar Dec 23 '19 03:12 Daiqiangdeveloper

貌似我也遇到了

panlufei avatar Apr 07 '20 07:04 panlufei

图片也会被截取掉一半在下一页，悲剧，我想了一个计算的方法，不知道有没有大神能够实现，就是转换成canvas的时候，先计算每个dom的高度相加，例如我这里最后一个img标签是高度300px，然后200px是在第一页，100px在第二页，会被截断，然后就利用一个算法计算出来这个高度，然后动态插入一个高度200px的div把图片挤到下一页，后面的页面和其他的dom按钮或者什么的也可以使用此类方法，不知道有没有大神能够实现这个算法T-T

is-liyiwei avatar May 07 '20 11:05 is-liyiwei

我最近正好写了一个库 toPage ，用于将一个简单的 HTML 页面分割为几个标准尺寸（如A4）的页面（代码很烂，正在考虑重构）。我的想法与 @is-liyiwei 差不多。但由于比较懒，不想计算height，就直接用 ele.scrollHeight > ele.clientHeight 判断是否溢出，估计可能会有性能问题。如果溢出的话，就查看他的子元素能否放置，如果不行就挪到第二页。可以先将HTML文件预处理成页面，然后再转成 canvas，这样文字就不会被裁剪

Anson2251 avatar Feb 22 '23 11:02 Anson2251