根据屏幕大小不同,页面内容自适应并一页展示,应该如何实现
// 导出页面为PDF格式
import html2Canvas from 'html2canvas'
import JsPDF from 'jspdf'
export default{
install (Vue, options) {
Vue.prototype.getPdf = function () {
setTimeout(() => {
var title = this.htmlTitle
let pdfDom_html = document.getElementsByClassName('pdfDom')
let PDF = new JsPDF('', 'pt', 'a4')
var imgArr = new Array();
let scale = 2 //获取像素密度的方法 (也可以采用自定义缩放比例)
for(var i = 0; i< pdfDom_html.length; i++) {
html2Canvas(pdfDom_html[i], {
useCORS: true,//允许加载跨域的图片
allowTaint: true,//允许跨域图片
scale: scale // 添加的scale 参数
}).then(function (canvas) {
let contentWidth = canvas.width
console.

该博客介绍如何根据屏幕分辨率使HTML页面内容自适应,并使用html2Canvas和JsPDF库将内容转换为PDF,确保在不同分辨率下内容能一页完整展示。通过设置缩放比例(scale)和调整图片宽高,实现了PDF导出的自适应效果。
最低0.47元/天 解锁文章
6800

被折叠的 条评论
为什么被折叠?



