m导出图片 和 pdf

src/views/learning/item-list.vue

@@ -846,6 +846,15 @@ export default {
         this.$refs.childAlignment.$emit("search");
       });
     },
+    saveFile(data, filename){
+      let save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
+      save_link.href = data;
+      save_link.download = filename;
+
+      let event = document.createEvent('MouseEvents');
+      event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+      save_link.dispatchEvent(event);
+    },
     exportPDF() {
       openLoading(vm);
       let tabsList = vm.$refs.tabs.$children;
@@ -864,6 +873,7 @@ export default {
         width:element.offsetWidth, //dom 原始宽度
         height:element.offsetHeight, //dom 原始高度
         useCORS: true,
+        taintTest: true, //是否在渲染前测试图片
         dpi:300
       };
       console.log('导出参数opts',opts);
@@ -884,6 +894,7 @@ export default {
 
           // let pageData = canvas.toDataURL('image/jpeg', 1.0);
           let pageData = canvas.toDataURL('image/png');
+          vm.saveFile(pageData.replace("image/jpeg", "image/octet-stream"),new Date().getTime()+".png");
 
           let pdf = new JsPDF('', 'pt', [contentWidth*0.8,contentHeight*0.8]);