滚动条

src/views/produce/workOrder/add-or-updata.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2023-11-06 15:15:30
- * @LastEditTime: 2024-05-31 16:13:22
+ * @LastEditTime: 2024-06-03 10:17:33
  * @LastEditors: DY
  * @Description:
 -->
@@ -134,14 +134,29 @@ export default {
     exportDetail() {
       // 导出
       const pdf = new jsPDF('l', 'pt', 'a4');
-      const options = {
-        scale: 2
-      };
+
+      const canvas = document.createElement('canvas')
+      
       const element = this.$refs['detail'];
+      const width = pdf.internal.pageSize.getWidth()
+      const height = pdf.internal.pageSize.getHeight()
+      
+      canvas.width = width * 2
+      canvas.height = height * 2
+
+      canvas.style.width = width + 'px'
+      canvas.style.height = height + 'px'
+      
+      const options = {
+        // scale: 2,
+        dpi: 300,
+        canvas: canvas,
+        useCORS: true
+      };
 
       html2canvas(element, options).then((canvas) => {
-        const imgData = canvas.toDataURL('image/png');
-        pdf.addImage(imgData, 'PNG', 0, 0, pdf.internal.pageSize.getWidth(), pdf.internal.pageSize.getHeight());
+        const imgData = canvas.toDataURL('image/png', 1.0);
+        pdf.addImage(imgData, 'PNG', 0, 0, width, height);
         pdf.save(this.dataForm.workOrderNumber + '详情.pdf');
       });
     },