Comments (6)
@HinduLotus 碰到同样的问题了,你解决了吗
from render-html-to-pdf.
我的内容不是固定的。这样肯定不行。
from render-html-to-pdf.
怎么解决得呀 @zlLotus
from render-html-to-pdf.
貌似我也遇到了
from render-html-to-pdf.
图片也会被截取掉一半在下一页,悲剧,我想了一个计算的方法,不知道有没有大神能够实现,就是转换成canvas的时候,先计算每个dom的高度相加,例如我这里最后一个img标签是高度300px,然后200px是在第一页,100px在第二页,会被截断,然后就利用一个算法计算出来这个高度,然后动态插入一个高度200px的div把图片挤到下一页,后面的页面和其他的dom按钮或者什么的也可以使用此类方法,不知道有没有大神能够实现这个算法T-T
from render-html-to-pdf.
我最近正好写了一个库 toPage
,用于将一个简单的 HTML 页面分割为几个标准尺寸(如A4)的页面(代码很烂,正在考虑重构)。我的想法与 @is-liyiwei 差不多。但由于比较懒,不想计算height,就直接用 ele.scrollHeight > ele.clientHeight
判断是否溢出,估计可能会有性能问题。如果溢出的话,就查看他的子元素能否放置,如果不行就挪到第二页。可以先将HTML文件预处理成页面,然后再转成 canvas,这样文字就不会被裁剪
from render-html-to-pdf.
Related Issues (19)
- 貌似不支持safari?
- pdf每一页底部都留有一定距离,怎么写呢 HOT 2
- 请问html2canvas+jspdf导出的pdf怎么加上水印呀?
- the PDF opened
- jsPDF导出pdf,当内容过多时会出现黑屏的情况 HOT 3
- 页面内容多时性能应该有问题吧?
- canvas图片转成pdf以后,文字就无法选择复制了
- 转换后图片不显示是什么问题
- 中英文在同一行不同的<span>中时,导出的pdf不同span会有遮挡,但页面中正常显示
- 如何加上标题呀 相当于手动加入一些element
- why the pdf backgroundcolor is black?保存的pdf背景居然是黑色 HOT 3
- 如果要给每一页加上页眉和页脚该怎么做?
- 导出能给pdf设置密码吗
- 微信浏览器端这种功能能实现么
- ie兼容也出了问题 HOT 3
- ie内核浏览器表格不支持border-collapse: collapse; HOT 2
- 指定区域无法实现,导出来的文档空白。
- DOM中有table的时候 会出现无边框的情况,请问怎么解决啊
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from render-html-to-pdf.