我一直在这个项目上工作,我想做一个pdf格式的出口。问题可能是在缩放,我真的需要帮助。
下面是来自html的图片和问题。在html图片上,你可以看到它是多么的有组织,看起来很漂亮,但是当html2pdf渲染它并设置它自己的比例时,它变得不可读和不可组织。
JS功能:
function pdf() {
var element = document.getElementById('hello');
var opt = {
margin: 1,
filename: 'myfile.pdf',
image: { type: 'jpeg', quality: 0.98 },
html2canvas: { scale: 2 },
jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
}; html2pdf().set(opt).from(element).save(); }
我需要它在A4格式,它不会创建这些问题如下:
html的外观:
发生的问题:
2条答案
按热度按时间lmvvr0a81#
我解决了问题。
当html2pdf呈现html站点时,最好的呈现方式是将宽度设置为百分比(%)
就我而言
预浸
具有**css宽度:80vw;所以我把它改成了宽度:100%;
希望有人觉得这个有用:)
mdfafbf12#
当使用addfont在html 2 pdf中设置h1样式时,我收到错误“TCPDF错误:无法包含字体定义文件:机器人实验室”。
我找到的解决方法是使用p。
另外,要添加字体,使用https://www.xml-convert.com/ttftopdf转换,然后上传所有三个文件(z,afm,php)到任何你想在css中引用的地方。
浏览器名称('robotoslabbold',','字体/机器人标签. php ')