[feat][生涯彩虹图][试验生涯彩虹图]

src/views/xjc-integratedmachine/common/ai/TouchColorCanvas.vue

@@ -13,6 +13,7 @@
 <script setup>
     import {onMounted} from 'vue'
     import * as echarts from "echarts";
+    import html2canvas from 'html2canvas';
 
     let CENTER_X = 850;
     let CENTER_Y = 900;
@@ -244,6 +245,34 @@
 
         arc(700);
     }
+
+    function save() {
+        html2canvas(can).then(canvas => {
+            const link = document.createElement('a');
+            link.download = 'screenshot.png';
+            link.href = canvas.toDataURL();
+            link.click();
+            document.body.removeChild(link); // 清理创建的链接
+        });
+        // capturePage()
+    }
+
+    const content = ref(null);
+    const canvas = ref(null);
+
+    function capturePage() {
+        const ctx = canvas.value.getContext('2d');
+        const contentElement = content.value;
+        html2canvas(contentElement).then(canvas => {
+            // 将生成的 canvas 转换为图片并下载
+            const imgData = canvas.toDataURL('image/png');
+            const link = document.createElement('a');
+            link.download = 'page-screenshot.png';
+            link.href = imgData;
+            link.click();
+        });
+    }
+
     onMounted(() => {
         init();
         changes();