修改复制

src/global/api.js

@@ -7142,6 +7142,7 @@ export function getScreenshotWithImg(action, options = {}) {
     // ctx_newCanvas.closePath();
 
     //获取插入图片的元素，并在canvas上进行绘制
+    let imagePromises = [];
     if ($('#luckysheet-image-showBoxs')) {
         var imgs = $('#luckysheet-image-showBoxs img');
         imgs.each(function(i) {
@@ -7150,22 +7151,34 @@ export function getScreenshotWithImg(action, options = {}) {
             var top = parent.css("top").replace('px', '');
             var width = parent.css("width").replace('px', '');
             var height = parent.css("height").replace('px', '');
-            var img = new Image()
-            img.src = $(this).attr("src");
-            ctx_newCanvas.drawImage(img, left, top, width, height);
+            imagePromises.push(new Promise((resolve, reject) => {
+                var img = new Image()
+                img.src = $(this).attr("src");
+                img.onload = () => {
+                    ctx_newCanvas.drawImage(img, left - (visibledatacolumn[stc - 1] || 0), top - visibledatarow[str - 1] || 0, width, height);
+                    resolve()
+                }
+                img.onerror = () => resolve();
+            }));
+
         });
+
     }
-    //获取统计图元素，并在canvas上进行绘制
-    let targetDoms = document.querySelectorAll('.luckysheet-modal-dialog.luckysheet-modal-dialog-chart.luckysheet-data-visualization-chart');
-    var chartCount = 0;
-    if (targetDoms && targetDoms.length > 0) {
-        repaintChartScreenshot(newCanvas, ctx_newCanvas, targetDoms, action, 0, targetDoms.length);
-    }
-    if (!targetDoms || targetDoms.length == 0) {
-        if (action) {
-            action(newCanvas.get(0).toDataURL("image/png", 1));
+
+    Promise.all(imagePromises).then((d) => {
+        //获取统计图元素，并在canvas上进行绘制
+        let targetDoms = document.querySelectorAll('.luckysheet-modal-dialog.luckysheet-modal-dialog-chart.luckysheet-data-visualization-chart');
+        var chartCount = 0;
+        if (targetDoms && targetDoms.length > 0) {
+            repaintChartScreenshot(newCanvas, ctx_newCanvas, targetDoms, action, 0, targetDoms.length);
         }
-    }
+        if (!targetDoms || targetDoms.length == 0) {
+            if (action) {
+                action(newCanvas.get(0).toDataURL("image/png", 1));
+            }
+        }
+    });
+
 }
 
 /**