2017-02-28 365 views
-1

我已经使用了下面的html2canvas代码在文档主体下面追加了画布,但是我想要定位特定的div并将其另存为pdf?如何将html2canvas保存为pdf文件

function getscreenshot() { 
     html2canvas(document.body, { 
      onrendered: function (canvas) { 
       document.body.appendChild(canvas); 
      } 
     }); 
    }; 

回答

1

试试这个,一定要通过你要导出为PDF和名称(DIV ID在你要导出的同一页面上的多个PDF的情况下。如果你觉得你能起飞的名字的一部分了,只要确保将它从pdfmake行中删除)作为该功能的参数

function getscreenshot(div, name) { 
    html2canvas(document.getElementById(div), { 
     onrendered: function (canvas) { 
      var data = canvas.toDataURL(); 
      var docDefinition = { 
       content: [{ 
        image: data, 
        width: 500, 
       }] 
      }; 
      pdfMake.createPdf(docDefinition).download(name + ".pdf"); 
     } 
    }); 
} 
+0

嗨@Manuel Vidal,这是我怎么从C#脚本中的按钮调用函数? 'main'是div的名称,'mcn'是我想将它保存为文件的名称:protected void Print_Button_Click(object sender,EventArgs e) { ScriptManager.RegisterClientScriptBlock(this,GetType(), “mykey”,“getscreenshot(main,mcn);”,true); } – kehoewex86

+0

说实话,我不能回答,因为我不知道这件事。 –

+0

谢谢@Manuel Vidal,非常适合文档,正文,但努力让它适用于单个div ...将继续尝试! – kehoewex86