提交 9247bb61 authored 作者: wangjiahao's avatar wangjiahao

fix: 修复PDF导出没有背景的问题

上级 f75d00ed
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div <div
id="canvasInfoTemp" id="canvasInfoTemp"
ref="canvasInfoTemp" ref="canvasInfoTemp"
:style="{height:mainHeight}" :style="[{height:mainHeight},screenShotStyle]"
class="main-class" class="main-class"
@mouseup="deselectCurComponent" @mouseup="deselectCurComponent"
@mousedown="handleMouseDown" @mousedown="handleMouseDown"
...@@ -60,6 +60,10 @@ export default { ...@@ -60,6 +60,10 @@ export default {
event: 'change' event: 'change'
}, },
props: { props: {
screenShot: {
type: Boolean,
default: false
},
show: { show: {
type: Boolean, type: Boolean,
default: false default: false
...@@ -120,6 +124,9 @@ export default { ...@@ -120,6 +124,9 @@ export default {
} }
return style return style
}, },
screenShotStyle() {
return this.screenShot ? this.customStyle : {}
},
// 此处单独计算componentData的值 不放入全局mapState中 // 此处单独计算componentData的值 不放入全局mapState中
componentDataInfo() { componentDataInfo() {
return this.componentDataShow return this.componentDataShow
......
...@@ -106,6 +106,7 @@ export default { ...@@ -106,6 +106,7 @@ export default {
_this.panel.imageUrl = reader.result _this.panel.imageUrl = reader.result
this.commitStyle() this.commitStyle()
} }
this.$store.state.styleChangeTimes++
reader.readAsDataURL(file.raw) reader.readAsDataURL(file.raw)
}, },
upload(file) { upload(file) {
......
...@@ -96,7 +96,7 @@ export default { ...@@ -96,7 +96,7 @@ export default {
const contentWidth = canvas.width const contentWidth = canvas.width
const contentHeight = canvas.height const contentHeight = canvas.height
const pageData = canvas.toDataURL('image/jpeg', 1.0) const pageData = canvas.toDataURL('image/jpeg', 1.0)
const PDF = new JsPDF('l', 'px', [contentWidth, contentHeight]) const PDF = new JsPDF('p', 'pt', [contentWidth, contentHeight])
PDF.addImage(pageData, 'JPEG', 0, 0, contentWidth, contentHeight) PDF.addImage(pageData, 'JPEG', 0, 0, contentWidth, contentHeight)
PDF.save(_this.panelName + '.pdf') PDF.save(_this.panelName + '.pdf')
_this.$emit('closePreExport') _this.$emit('closePreExport')
......
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
<el-row class="panel-design-preview"> <el-row class="panel-design-preview">
<div id="imageWrapper" ref="imageWrapper" style="width: 100%;height: 100%"> <div id="imageWrapper" ref="imageWrapper" style="width: 100%;height: 100%">
<fullscreen style="height: 100%;background: #f7f8fa;overflow-y: auto" :fullscreen.sync="fullscreen"> <fullscreen style="height: 100%;background: #f7f8fa;overflow-y: auto" :fullscreen.sync="fullscreen">
<Preview v-if="showMain" :in-screen="!fullscreen" :show-type="'width'" /> <Preview v-if="showMain" :in-screen="!fullscreen" :show-type="'width'" :screen-shot="dataLoading"/>
</fullscreen> </fullscreen>
</div> </div>
</el-row> </el-row>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论