From 2360d95f1c31da34a830d5f6a5ceb14e8b4390cc 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:12:47 +0800
Subject: [PATCH 1/3] =?UTF-8?q?pptList=E8=AF=95=E9=A2=98=E8=BD=AC=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/Editor/CanvasTool/index.vue     |  7 +++++--
 .../searchQuestion/index.vue                  | 19 +++++++++++--------
 2 files changed, 16 insertions(+), 10 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 6896137..d7de64d 100644
--- a/src/renderer/src/AixPPTist/src/views/Editor/CanvasTool/index.vue
+++ b/src/renderer/src/AixPPTist/src/views/Editor/CanvasTool/index.vue
@@ -162,6 +162,7 @@ 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)
@@ -199,8 +200,10 @@ const insertImageElement = (files: FileList) => {
   getImageDataURL(imageFile).then(dataURL => createImageElement(dataURL))
 }
 
-const onhtml2canvas = (imgbs64: string) => {
-  createImageElement(imgbs64)
+const onhtml2canvas = async (html: HTMLElement) => {
+  //createImageElement(imgbs64);
+  const ele = await toPng(html)
+  createImageElement(ele);
 }
 
 const shapePoolVisible = ref(false)
diff --git a/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue b/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue
index 87f529b..6c418e8 100644
--- a/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue
+++ b/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue
@@ -105,7 +105,7 @@
 </template>
 <script setup>
 import { Search } from '@element-plus/icons-vue'
-import html2canvas from 'html2canvas';
+//import html2canvas from 'html2canvas';
 import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
 
 import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
@@ -439,13 +439,16 @@ const getPaginationList = ( page, limit ) => {
  */
 const  captureScreenshot = (id) => {
   const targetElement = document.getElementById('screenshot-target-' + id);
-  html2canvas(targetElement).then(canvas => {
-    // 将canvas转换为图像URL
-    const screenshotUrl = canvas.toDataURL('image/png');
-    // 在这里可以将截图保存到本地或上传到服务器
-    // console.log(screenshotUrl);
-    emit('addQuizImgBs64', screenshotUrl);
-  });
+  if (targetElement) {
+    emit('addQuizImgBs64', targetElement);
+  }
+  // html2canvas(targetElement).then(canvas => {
+  //   // 将canvas转换为图像URL
+  //   const screenshotUrl = canvas.toDataURL('image/png');
+  //   // 在这里可以将截图保存到本地或上传到服务器
+  //   // console.log(screenshotUrl);
+  //   emit('addQuizImgBs64', screenshotUrl);
+  // });
 }
 
 
-- 
2.44.0.windows.1


From c78233a2f40853531bd60b94751a98094f825ef9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E4=BA=86=E4=B8=AA=E7=99=BD?= <543593352@qq.com>
Date: Tue, 10 Dec 2024 10:16:07 +0800
Subject: [PATCH 2/3] 1

---
 .../searchQuestion/index.vue                  | 28 ++++++++++++++-----
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue b/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue
index d09d913..95fe08d 100644
--- a/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue
+++ b/src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue
@@ -106,6 +106,7 @@
 <script setup>
 import { Search } from '@element-plus/icons-vue'
 import html2canvas from 'html2canvas';
+import { toPng } from 'html-to-image';
 import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
 
 import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
@@ -438,13 +439,26 @@ const getPaginationList = ( page, limit ) => {
  */
 const  captureScreenshot = (id) => {
   const targetElement = document.getElementById('screenshot-target-' + id);
-  html2canvas(targetElement).then(canvas => {
-    // 将canvas转换为图像URL
-    const screenshotUrl = canvas.toDataURL('image/png');
-    // 在这里可以将截图保存到本地或上传到服务器
-    // console.log(screenshotUrl);
-    emit('addQuizImgBs64', screenshotUrl);
-  });
+  // html2canvas(targetElement).then(canvas => {
+  //   console.log(canvas);
+  //   // 将canvas转换为图像URL
+  //   const screenshotUrl = canvas.toDataURL('image/png');
+  //   // 在这里可以将截图保存到本地或上传到服务器
+  //   // console.log(screenshotUrl);
+  //   emit('addQuizImgBs64', screenshotUrl);
+  // });
+  // const node = document.querySelector('#img')
+      console.log(targetElement)
+      toPng(targetElement).then((dataUrl) => {
+        // 使用图片数据URL
+        console.log(dataUrl);
+        // this.imgUrl = dataUrl
+        //  console.log(this.imgUrl)
+        emit('addQuizImgBs64', dataUrl);
+      })
+        .catch(function (error) {
+          console.error('转换错误:', error);
+        });
 }
 
 
-- 
2.44.0.windows.1


From 122487cf8bf26dbd11dd28741a9e7668a990ba97 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E4=BA=86=E4=B8=AA=E7=99=BD?= <543593352@qq.com>
Date: Tue, 10 Dec 2024 10:24:30 +0800
Subject: [PATCH 3/3] =?UTF-8?q?ppts=E4=B9=A0=E9=A2=98=E6=8F=92=E5=85=A5?=
 =?UTF-8?q?=EF=BC=9A=E4=B8=AA=E4=BA=BA=E9=A2=98=E5=BA=93=20=E4=B9=A0?=
 =?UTF-8?q?=E9=A2=98=E6=88=AA=E5=9B=BE=E6=94=BE=E5=88=B0ppts=E9=87=8C?=
 =?UTF-8?q?=E9=9D=A2=E8=BD=AC=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../newClassTaskAssign/myQuestion/index.vue   | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/views/classTask/newClassTaskAssign/myQuestion/index.vue b/src/renderer/src/views/classTask/newClassTaskAssign/myQuestion/index.vue
index 2495908..b6a233a 100644
--- a/src/renderer/src/views/classTask/newClassTaskAssign/myQuestion/index.vue
+++ b/src/renderer/src/views/classTask/newClassTaskAssign/myQuestion/index.vue
@@ -118,7 +118,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 html2canvas from 'html2canvas';
 
 import { listEntpcoursework, listEntpcourseworkLocal } from '@/api/education/entpCourseWork'
 import { listEvaluationclue } from '@/api/classTask'
@@ -453,13 +453,16 @@ const handleDelete = async(item, index) => {
  */
  const  captureScreenshot = (id) => {
   const targetElement = document.getElementById('screenshot-target-' + id);
-  html2canvas(targetElement).then(canvas => {
-    // 将canvas转换为图像URL
-    const screenshotUrl = canvas.toDataURL('image/png');
-    // 在这里可以将截图保存到本地或上传到服务器
-    // console.log(screenshotUrl);
-    emit('addQuizImgBs64', screenshotUrl);
-  });
+  if (targetElement) {
+    emit('addQuizImgBs64', targetElement);
+  }
+  // html2canvas(targetElement).then(canvas => {
+  //   // 将canvas转换为图像URL
+  //   const screenshotUrl = canvas.toDataURL('image/png');
+  //   // 在这里可以将截图保存到本地或上传到服务器
+  //   // console.log(screenshotUrl);
+  //   emit('addQuizImgBs64', screenshotUrl);
+  // });
 }
 
 // 防抖
-- 
2.44.0.windows.1