我想使用html2canvas.js将当前屏幕下载为PDF /图像。
1)将当前屏幕下载为图像以下代码对我来说很好用。
的HTML
<head>
<script src="html2canvas.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<button onclick="download()" class="btn btn-danger">Download</button>
</body>
JS
function download(){
html2canvas(document.body, {
onrendered: function(canvas) {
var a = document.createElement('a');
a.href = canvas.toDataURL("image/jpeg");
a.download = $.now()+'.jpg';
a.click();
}
});
}
2)将当前屏幕下载为PDF如何使用html2canvas.js实现此功能?如何将当前屏幕下载并保存为PDF?
请帮助。谢谢!
我已经看到下载html2canvas
不起作用pdf
。但是tehre是一个称为JsPDF的工具
试试这个 -
<canvas id="canvas" width="480" height="320"></canvas>
<button id="download">Download Pdf</button>
html2canvas($("#canvas"), {
onrendered: function(canvas) {
var imgData = canvas.toDataURL(
'image/png');
var doc = new jsPDF('p', 'mm');
doc.addImage(imgData, 'PNG', 10, 10);
doc.save('sample-file.pdf');
}
});
jsfiddle: http : //jsfiddle.net/p4s5k59s/490/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句