2024-07-08
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
अग्रभागे वयं प्रायः प्रणाल्यां दत्तांशस्य आधारेण pdf सञ्चिकां निर्यातयितुं समस्यां प्राप्नुमः यदि पृष्ठभागः तत् कार्यान्वितुं शक्नोति तर्हि अग्रभागः किमर्थं न शक्नोति do it?अहं संयोगेन एकवारं एतां आवश्यकतां लिखितवान्, अतः अहं A small demo लिखितवान्
नमूना आलेखः : १.
html2pdf.jsएतत् पुस्तकालयम्yarn add html2pdf.js
// 或
npm i html2pdf.js
html2pdf.js// 获取一个dom对象,这个dom对象就是pdf中显示的内容
let element = document.querySelector('.tableBox');
// 设置html2pdf的配置
let opt = {
margin: 0, // 设置PDF页面的边距为0，即没有边距
filename: `成绩表.pdf`, // 指定生成文件的名称
image: { type: 'jpeg', quality: 1 }, // 设置生成PDF时使用的图像格式为JPEG，质量为1（最高质量）
// 这是一个用于将HTML元素转换为canvas的库
html2canvas: {
scale: 2, // 缩放比例为2，即生成的canvas尺寸是原始尺寸的两倍
allowTaint: false, // 设置为false，表示不允许加载跨域的图片
useCORS: true, // 设置为true，允许跨域加载的图片使用CORS策略
},
// 控制PDF页面的分页行为
// mode: 设置为avoid-all，尽量避免分页
// after: 在生成PDF时，当遇到id为levelAnalysis的元素后进行分页
pagebreak: { mode: 'avoid-all', after: '#levelAnalysis' },
enableLinks: true, // 支持文本中放链接，可点击跳转
};
// 执行pdf的导出
// html2pdf()将html转换为pdf
// set(opt)表示转换为pdf时使用指定的配置
// form表示html2pdf中将指定的dom元素加入pdf
// save()表示将创建完成的pdf保存到本地
html2pdf().set(opt).from(element).save();
स्थानीयं pdf जनयित्वा तस्य डाउनलोड् करणं मुख्यतया Vue3 इत्यत्र उपयुज्यतेhtml2pdf.jsतृतीयपक्षीयपुस्तकालयः, अस्य पुस्तकालयस्य माध्यमेन, निर्दिष्टःdomउत्तीर्णःcanvasचित्रे परिवर्तयन्तु, येन केवलं एतत् चित्रं pdf मध्ये लोड् कर्तव्यं भवति, ततः निर्दिष्टविन्यासस्य निर्दिष्टस्य API इत्यस्य च माध्यमेन pdf स्थानीयरूपेण रक्षितुं शक्यते ।
सः ३० वर्षाणाम् अधिकं कालात् प्रौद्योगिक्याः शोधार्थं समर्पितः अस्ति, तथा च जावा, लिनक्स, जावास्क्रिप्ट्, php, css इत्यादिषु विविधभाषासु प्रवीणः अस्ति, मुक्तस्रोतक्षेत्रे सः बहु योगदानं कृतवान् अस्ति विकासक दस्तावेजीकरणस्थानकं भविष्ये सन्दर्भार्थं प्रौद्योगिकीविकासे केचन विषयाः साझां कर्तुं सर्वे तत् पश्यन्तु
