hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-10 11:36:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

更换贺报下载的方法13

Browse Source
This commit is contained in:
xuxingjun
2024-12-26 09:49:44 +08:00
parent 9e381e7510
commit bc34e0591d
1 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/ebiz/generateImg/generateImg.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="contents">
<div id="capture" ref="generateImg" style="height: 100vh; overflow: hidden">
<div id="capture" ref="xingdownLoad" style="height: 100vh; overflow: hidden">
<img src="@/assets/images/list_img.png" alt="" />
<div class="box">
<div class="title">
@@ -46,20 +46,20 @@ export default {
}
},
beforeCreate() {
this.$refs.generateImg = null;
this.$refs.xingdownLoad = null;
},
created() {
// this.isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
// if(this.isIOS) {
// document.getElementsByClassName('box').style.top = '38%'
// }
this.$refs.generateImg = this.$refs.generateImg
this.$refs.xingdownLoad = this.$refs.xingdownLoad
},
mounted() {
this.getList()
},
beforeDestroy(){
this.$refs.generateImg = null;
this.$refs.xingdownLoad = null;
},
methods: {
getList() {
@@ -77,14 +77,14 @@ export default {
},
// 分享
fenxiang() {
if(this.$refs.generateImg != this.$refs.generateImg) {
if(this.$refs.xingdownLoad != this.$refs.xingdownLoad) {
return
}
// const element = document.getElementById('capture')
// const canvas = await html2canvas(element)
html2canvas(this.$refs.generateImg, {
width: this.$refs.generateImg.offsetWidth,
height: this.$refs.generateImg.offsetHeight,
html2canvas(this.$refs.xingdownLoad, {
width: this.$refs.xingdownLoad.offsetWidth,
height: this.$refs.xingdownLoad.offsetHeight,
backgroundColor: '#fff',
scale: 2,
dpi: 300
@@ -113,11 +113,8 @@ export default {
},
// 生成图片并下载
domToImage() {
console.log('this.$refs.generateImg', this.$refs.generateImg);
if(this.$refs.generateImg != this.$refs.generateImg) {
return false
}
console.log('this.$refs.xingdownLoad', this.$refs.xingdownLoad);
this.$refs.xingdownLoad = this.$refs.xingdownLoad
// let domElement = this.$refs.generateImg
// console.log('this.$refs.generateImg',domElement);
// console.log(location);
@@ -174,13 +171,13 @@ export default {
// })
setTimeout(() => {
let domElement = this.$refs.generateImg;
let domElement = this.$refs.xingdownLoad;
async function captureAndProcessImage() {
console.log(1111);
try {
// 获取 DOM 元素
console.log('this.$refs.generateImg', domElement);
console.log('domElement', domElement);
console.log(location);
console.log(2222);
@@ -245,6 +242,7 @@ export default {
// 调用 captureAndProcessImage 函数
captureAndProcessImage();
this.$refs.xingdownLoad = null;
return false
}, 500);
@@ -252,7 +250,7 @@ export default {
},
close() {
this.$emit('child-colse', '1')
this.$refs.generateImg = null;
this.$refs.xingdownLoad = null;
}
}
}