修改四色图导出

src/views/risk/drawCanvas/index.vue

@@ -121,19 +121,10 @@ export default {
       var title = "四色图";
       // html2Canvas(document.querySelector('#pdfDom'), { //这是在界面上设置一个id
       //只下载id为pdfDom的内容
-      html2Canvas(document.querySelector("#gridView"), {
-        //body是下载整个界面
-        useCORS: true, //是否尝试使用CORS从服务器加载图像
-        allowTaint: true,
-        dpi: 300, //解决生产图片模糊
-        // width: 490, //canvas宽度
-        // height: 240, //canvas高度
-        // x: 0, //x坐标
-        // y: 0, //y坐标
-        async: false, //是否异步解析和呈现元素
-        foreignObjectRendering: true, //是否在浏览器支持的情况下使用ForeignObject渲染
-      }).then(function (canvas) {
-        console.log(canvas);
+      html2Canvas(document.querySelector("#gridView"), {}).then(function (
+        canvas
+      ) {
+        console.log(canvas.width, canvas.height);
         let contentWidth = canvas.width;
         let contentHeight = canvas.height;
         let pageHeight = (contentWidth / 592.28) * 841.89; // 一页pdf显示html页面生成的canvas高度;
@@ -144,6 +135,7 @@ export default {
         let imgHeight = (592.28 / contentWidth) * contentHeight;
         let pageData = canvas.toDataURL("image/jpeg", 1.0);
         let PDF = new JsPDF("", "pt", "a4");
+        console.log(pageData, "111");
         // 有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
         //当内容未超过pdf一页显示的范围，无需分页
         if (leftHeight < pageHeight) {