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 f83291b..fb3fc70 100644 --- a/src/renderer/src/AixPPTist/src/views/Editor/CanvasTool/index.vue +++ b/src/renderer/src/AixPPTist/src/views/Editor/CanvasTool/index.vue @@ -163,6 +163,7 @@ import QuestToPPTist from '@/views/classTask/newClassTaskAssign/questToPPTist/in import MaterialDialog from './MaterialDialog.vue' import { PPTApi } from '../../../api' 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) @@ -207,8 +208,10 @@ const insertImageElement = (files: FileList) => { // }) } -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/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); + // }); } // 防抖 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 @@