Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML代码到PDF(仅保存)javascript_Javascript_Html5 Canvas_Jspdf_Html2canvas - Fatal编程技术网

HTML代码到PDF(仅保存)javascript

HTML代码到PDF(仅保存)javascript,javascript,html5-canvas,jspdf,html2canvas,Javascript,Html5 Canvas,Jspdf,Html2canvas,我担心了几天。。。如何为HTML代码保存PDF 我发现jsPDF 但我不想这么做,因为我无法使用我想要的CSS…T.T 所以我认为HTMLCode转换画布图像(html2canvas和光栅化HTML使用) 拉票后图像转换PDF 哇,开始太棒了!!几分钟后,审判开始了,这是CORS HTML5画布不支持CORS图像 我想使用画布渲染CORS图像 请帮帮我 范例 html2canvas($("body")[0], { onrendered: function(canvas) {

我担心了几天。。。如何为HTML代码保存PDF

我发现jsPDF

但我不想这么做,因为我无法使用我想要的CSS…T.T

所以我认为HTMLCode转换画布图像(html2canvas和光栅化HTML使用)

拉票后图像转换PDF

哇,开始太棒了!!几分钟后,审判开始了,这是CORS

HTML5画布不支持CORS图像

我想使用画布渲染CORS图像

请帮帮我

范例

html2canvas($("body")[0], {
    onrendered: function(canvas) {
        var img = canvas.toDataURL("image/png");
        var pdf = new jsPDF();
  //window.open(img);
        pdf.addImage(img, 'png', 10, 10, 180, 160);
        pdf.save('test.pdf');
    }
});

您试图在画布中添加图像的位置?在您试图在画布中添加图像的位置显示code.function capture(){html2canvas($(“body”)[0],{onrendered:function(canvas){var img=canvas.toDataURL(“image/png”);var pdf=new jsPDF();pdf.addImage(img,'png',10,10,180,160);pdf.save('test.pdf');}}}?您是否会显示code.function capture(){html2canvas($(“body”)[0],{onrendered:function(canvas){var img=canvas.toDataURL(“image/png”);var pdf=new jsPDF();pdf.addImage(img,'png',10,10,180,160);pdf.save('test.pdf');}}}