根据屏幕大小不同,页面内容自适应并一页展示,应该如何实现
// 导出页面为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.