|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<!-- 日报预览 -->
|
|
|
- <div id="resumeId" class="eleStyle" style="width: 100% height:100%">
|
|
|
+ <div id="resumeId" class="eleStyle">
|
|
|
<div style="height:100%;width:94%; background:#ffffff; margin: 3% 3% 8% 3%; border-radius: 8px; overflow: hidden;">
|
|
|
<el-form :inline="true" :model="fromCreat" style="margin:2% 9%">
|
|
|
<div>
|
|
@@ -140,7 +140,7 @@ export default {
|
|
|
var width = shareContent.offsetWidth // 获取dom宽度(包括元素宽度、内边距和边框,不包括外边距)
|
|
|
var height = shareContent.offsetHeight // //获取dom高度(包括元素高度、内边距和边框,不包括外边距)
|
|
|
var canvas = document.createElement('canvas') // 创建一个canvas标签元素
|
|
|
- var scale = 1 // 定义放大倍数,可以支持小数
|
|
|
+ var scale = 2 // 定义放大倍数,可以支持小数
|
|
|
|
|
|
canvas.width = width * scale // 定义canvas宽度 * 倍数(图片的清晰度优化),默认宽度为300px
|
|
|
canvas.height = height * scale // 定义canvas高度 * 倍数,默认高度为150px
|
|
@@ -148,13 +148,14 @@ export default {
|
|
|
var opts = { // 初始化对象
|
|
|
scale: scale, // 添加的scale参数
|
|
|
canvas: canvas, // 自定义canvas
|
|
|
- width: width * 1.2, // dom的原始宽度和高度
|
|
|
+ width: width * 1.5, // dom的原始宽度和高度
|
|
|
height: height
|
|
|
}
|
|
|
|
|
|
setTimeout(() => {
|
|
|
var that = this
|
|
|
that.btn = true
|
|
|
+
|
|
|
html2canvas(shareContent, opts).then(function(canvas) {
|
|
|
// 从 canvas 提取图片数据
|
|
|
var imgData = canvas.toDataURL('image/png')
|