zhuhao
/
AIx_Smarttalk_WS
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases 3 Wiki Activity

1

This commit is contained in:
“zouyf” 2024-12-10 10:46:22 +08:00
parent c79911cc99
commit b47feb4a3a
3 changed files with 10 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/renderer/src/AixPPTist/src/views/Editor/CanvasTool/index.vue
View File

@ -162,7 +162,6 @@ import PopoverMenuItem from '../../../components/PopoverMenuItem.vue'
import QuestToPPTist from '@/views/classTask/newClassTaskAssign/questToPPTist/index.vue' import QuestToPPTist from '@/views/classTask/newClassTaskAssign/questToPPTist/index.vue'
import MaterialDialog from './MaterialDialog.vue' import MaterialDialog from './MaterialDialog.vue'
import TextCreateImg from '@/components/ai-kolors/index.vue' import TextCreateImg from '@/components/ai-kolors/index.vue'
import { toPng, toJpeg } from 'html-to-image' // 引入html-to-image库
const mainStore = useMainStore() const mainStore = useMainStore()
const { creatingElement, creatingCustomShape, showSelectPanel, showSearchPanel, showNotesPanel } = storeToRefs(mainStore) const { creatingElement, creatingCustomShape, showSelectPanel, showSearchPanel, showNotesPanel } = storeToRefs(mainStore)
@ -200,10 +199,8 @@ const insertImageElement = (files: FileList) => {
getImageDataURL(imageFile).then(dataURL => createImageElement(dataURL)) getImageDataURL(imageFile).then(dataURL => createImageElement(dataURL))
} }
const onhtml2canvas = async (html: HTMLElement) => { const onhtml2canvas = async (imgbs64: String) => {
//createImageElement(imgbs64); createImageElement(imgbs64);
const ele = await toPng(html)
createImageElement(ele);
} }
const shapePoolVisible = ref(false) const shapePoolVisible = ref(false)

12
src/renderer/src/views/classTask/newClassTaskAssign/myQuestion/index.vue
View File

@ -120,6 +120,7 @@ import { Search } from '@element-plus/icons-vue'
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue' import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
import { useRouter, useRoute } from 'vue-router' import { useRouter, useRoute } from 'vue-router'
// import html2canvas from 'html2canvas'; // import html2canvas from 'html2canvas';
import { toPng } from 'html-to-image' // 引入html-to-image库
import { listEntpcoursework, listEntpcourseworkLocal } from '@/api/education/entpCourseWork' import { listEntpcoursework, listEntpcourseworkLocal } from '@/api/education/entpCourseWork'
import { listEvaluationclue } from '@/api/classTask' import { listEvaluationclue } from '@/api/classTask'
@ -459,15 +460,10 @@ const handleDelete = async(item, index) => {
const captureScreenshot = (id) => { const captureScreenshot = (id) => {
const targetElement = document.getElementById('screenshot-target-' + id); const targetElement = document.getElementById('screenshot-target-' + id);
if (targetElement) { 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);
// });
} }
// 防抖 // 防抖

12
src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue
View File

@ -107,6 +107,7 @@
<script setup> <script setup>
import { Search } from '@element-plus/icons-vue' import { Search } from '@element-plus/icons-vue'
//import html2canvas from 'html2canvas'; //import html2canvas from 'html2canvas';
import { toPng } from 'html-to-image' // 引入html-to-image库
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue' import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork' import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
@ -445,15 +446,10 @@ const getPaginationList = async ( page, limit ) => {
const captureScreenshot = (id) => { const captureScreenshot = (id) => {
const targetElement = document.getElementById('screenshot-target-' + id); const targetElement = document.getElementById('screenshot-target-' + id);
if (targetElement) { 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);
// });
} }