pdf导出加上图片

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

View File

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

View File

@@ -123,15 +123,11 @@
<el-button type="primary" @click="noteSave()"> </el-button>
</span>
</el-dialog>
<el-dialog
width="860px"
class="export-dialog"
:close-on-click-modal="false"
:visible.sync="dialogVisible">
<el-dialog width="700px" class="export-dialog" :close-on-click-modal="false" :visible.sync="dialogVisible">
<div class="Exportbox" id="idPdfDom">
<div class="export-dialog-top">
<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">
<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>