hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-15 05:46:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

pdf导出加上图片

Browse Source
This commit is contained in:
daihh
2022-10-18 20:23:11 +08:00
parent 1b1cbc4f87
commit 47486d700a
2 changed files with 5 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/utils/htmlToPdf.js
View File

@@ -49,14 +49,13 @@ const htmlToPdf = {
imgList.forEach(function(item){ imgList.forEach(function(item){
item.crossOrigin= 'anonymous'; item.crossOrigin= 'anonymous';
item.src =item.src+'?v='+Math.random() //item.src =item.src+'?v='+Math.random()
document.body.appendChild(convertImageToCanvas(item)) //document.body.appendChild(convertImageToCanvas(item))
}) })
//let dom=document.querySelector('#'+domId); //let dom=document.querySelector('#'+domId);
//console.log(dom.length,'dom.length'); //console.log(dom.length,'dom.length');
setTimeout(() => { setTimeout(() => {
html2Canvas(dom, {allowTaint: true,}).then(canvas=>{ html2Canvas(dom, {allowTaint: false,useCORS:true}).then(canvas=>{
//内容的宽度 //内容的宽度
let contentWidth = canvas.width; let contentWidth = canvas.width;
//内容高度 //内容高度

8
src/views/user/Mynotes.vue
View File

@@ -123,15 +123,11 @@
<el-button type="primary" @click="noteSave()">确 定</el-button> <el-button type="primary" @click="noteSave()">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog width="700px" class="export-dialog" :close-on-click-modal="false" :visible.sync="dialogVisible">
width="860px"
class="export-dialog"
:close-on-click-modal="false"
:visible.sync="dialogVisible">
<div class="Exportbox" id="idPdfDom"> <div class="Exportbox" id="idPdfDom">
<div class="export-dialog-top"> <div class="export-dialog-top">
<div class="export-dialog-left"> <div class="export-dialog-left">
<!-- <author-img :avatar="userData.avatar" :aid="userData.aid" :sex="userData.sex"></author-img> --> <author-img :avatar="userData.avatar" :aid="userData.aid" :sex="userData.sex"></author-img>
<div class="userInfo-info"> <div class="userInfo-info">
<p><span style="font-weight: 500;font-size: 22px;">{{userData.name}}</span><span style="font-size: 12px;margin-left:10px">{{userInfo.departFullName}}</span></p> <p><span style="font-weight: 500;font-size: 22px;">{{userData.name}}</span><span style="font-size: 12px;margin-left:10px">{{userInfo.departFullName}}</span></p>
<p>{{userData.sign}}</p> <p>{{userData.sign}}</p>