From b47feb4a3a999903b7aa7c8dd91a56e4fbf1c6b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Czouyf=E2=80=9D?= <80906036@qq.com>
Date: Tue, 10 Dec 2024 10:46:22 +0800
Subject: [PATCH] 1

---
 .../AixPPTist/src/views/Editor/CanvasTool/index.vue  |  7 ++-----
 .../newClassTaskAssign/myQuestion/index.vue          | 12 ++++--------
 .../newClassTaskAssign/searchQuestion/index.vue      | 12 ++++--------
 3 files changed, 10 insertions(+), 21 deletions(-)

diff --git a/src/renderer/src/AixPPTist/src/views/Editor/CanvasTool/index.vue b/src/renderer/src/AixPPTist/src/views/Editor/CanvasTool/index.vue
index d7de64d..265ecec 100644
--- a/src/renderer/src/AixPPTist/src/views/Editor/CanvasTool/index.vue
+++ b/src/renderer/src/AixPPTist/src/views/Editor/CanvasTool/index.vue
@@ -162,7 +162,6 @@ import PopoverMenuItem from '../../../components/PopoverMenuItem.vue'
 import QuestToPPTist from '@/views/classTask/newClassTaskAssign/questToPPTist/index.vue'
 import MaterialDialog from './MaterialDialog.vue'
 import TextCreateImg from '@/components/ai-kolors/index.vue'
-import { toPng, toJpeg } from 'html-to-image' // 引入html-to-image库
 
 const mainStore = useMainStore()
 const { creatingElement, creatingCustomShape, showSelectPanel, showSearchPanel, showNotesPanel } = storeToRefs(mainStore)
@@ -200,10 +199,8 @@ const insertImageElement = (files: FileList) => {
   getImageDataURL(imageFile).then(dataURL => createImageElement(dataURL))
 }
 
-const onhtml2canvas = async (html: HTMLElement) => {
-  //createImageElement(imgbs64);
-  const ele = await toPng(html)
-  createImageElement(ele);
+const onhtml2canvas = async (imgbs64: String) => {
+  createImageElement(imgbs64);
 }
 
 const shapePoolVisible = ref(false)
diff --git a/src/renderer/src/views/classTask/newClassTaskAssign/myQuestion/index.vue b/src/renderer/src/views/classTask/newClassTaskAssign/myQuestion/index.vue
index 54118ca..255d0b4 100644
--- a/src/renderer/src/views/classTask/newClassTaskAssign/myQuestion/index.vue
+++ b/src/renderer/src/views/classTask/newClassTaskAssign/myQuestion/index.vue
@@ -120,6 +120,7 @@ import { Search } from '@element-plus/icons-vue'
 import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 // import html2canvas from 'html2canvas';
+import { toPng } from 'html-to-image' // 引入html-to-image库
 
 import { listEntpcoursework, listEntpcourseworkLocal } from '@/api/education/entpCourseWork'
 import { listEvaluationclue } from '@/api/classTask'
@@ -459,15 +460,10 @@ const handleDelete = async(item, index) => {
  const  captureScreenshot = (id) => {
   const targetElement = document.getElementById('screenshot-target-' + id);
   if (targetElement) {
-    emit('addQuizImgBs64', targetElement);
+    toPng(targetElement).then(canvas => {
+      emit('addQuizImgBs64', canvas);
+    });
   }
-  // html2canvas(targetElement).then(canvas => {
-  //   // 将canvas转换为图像URL
-  //   const screenshotUrl = canvas.toDataURL('image/png');
-  //   // 在这里可以将截图保存到本地或上传到服务器
-  //   // console.log(screenshotUrl);
-  //   emit('addQuizImgBs64', screenshotUrl);
-  // });
 }
 
 // 防抖
diff --git a/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue b/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue
index 9cf6b7e..e0da12e 100644
--- a/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue
+++ b/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue
@@ -107,6 +107,7 @@
 <script setup>
 import { Search } from '@element-plus/icons-vue'
 //import html2canvas from 'html2canvas';
+import { toPng } from 'html-to-image' // 引入html-to-image库
 import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
 
 import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
@@ -445,15 +446,10 @@ const getPaginationList = async ( page, limit ) => {
 const  captureScreenshot = (id) => {
   const targetElement = document.getElementById('screenshot-target-' + id);
   if (targetElement) {
-    emit('addQuizImgBs64', targetElement);
+    toPng(targetElement).then(canvas => {
+      emit('addQuizImgBs64', canvas);
+    });
   }
-  // html2canvas(targetElement).then(canvas => {
-  //   // 将canvas转换为图像URL
-  //   const screenshotUrl = canvas.toDataURL('image/png');
-  //   // 在这里可以将截图保存到本地或上传到服务器
-  //   // console.log(screenshotUrl);
-  //   emit('addQuizImgBs64', screenshotUrl);
-  // });
 }