前端html转换为pdf,前端HTML转PDF

html转pdf,是先把html截成图片,在把图片转成pdf。

需要引入html2canvas.js和jspdf.debug.js两个文件,因为分页的话,会出现很丑的分割线,所有这个例子是不分页的,直接看个demo吧。(主要scale和dpi来提高清晰度)

移动端html转pdf

.main{

min-width: 320px;

max-width: 750px;

width: 100%;

margin: 0 auto;

position: relative;

}

img{

width: 24.5rem;

height: 13rem;

margin: 0 auto;

display: block;

}

点击下载pdf

移动端html转pdf

前端html转换为pdf,前端HTML转PDF_第1张图片

前端html转换为pdf,前端HTML转PDF_第2张图片

前端html转换为pdf,前端HTML转PDF_第3张图片

前端html转换为pdf,前端HTML转PDF_第4张图片

你可能感兴趣的:(前端html转换为pdf)