jsPDF库前端生成PDF文件HTML转PDF
https://github.com/parallax/jsPDF
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title1</title>
</head>
<body>
<img id="img" src="img.png" alt="">
<button onclick="test()">click1</button>
<script src="./jspdf.umd.min.js"></script>
<script>
function test() {
const doc = new jspdf.jsPDF({
// orientation: "landscape",
unit: "px", //Possible values are "pt" (points), "mm", "cm", "in", "px", "pc", "em" or "ex"
// format: [4, 2]
});
doc.add
doc.text("Hello world!", 10, 10);
doc.addImage(document.getElementById('img'), 'PNG', 30, 30, 16, 16);
doc.addImage('iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAb1BMVEX////4+Pi3ubtvcnZNUVU+Q0cpLjLr6+x3en0sMTYkKS59gIORk5aUl5n8/Pzw8PFTV1tbX2Pc3d5DSEzn5+g3PECLjpFKTlKFh4qxs7XCxMUwNTq/wcLh4uPV1tZzd3o/Q0jOz9CmqKpjZ2qfoaSrd37mAAABPUlEQVR4AW3TBZKEMBAF0B8GCHzcnbW5/xm30qEyknklcU/DgQpuYRTHUXgLFHw6SemkmcYrlcd8kRYlnlQ1PU0Fp434Qde75Qd+1FUQKiRZjyGfTGNjKhWMmSQXYO3Ibao3MlqBnSRzADhk/ycAdcqclSSHnEUD+KLt8KalMQMqpl3izU5jKxHQGCq8Ud80fq4VfuFZaIyQO4wVPEre5g+RrIAPJrkQSL8OPjv3htQmH8guU5uwgseeP7ITMYBnpdFgvlJPcx0zoLjjzS/FDrVRvH6xsqDYlLx29huRUaFx6YuI1mhKMbddf9trEzca7rmRk/FxpiRXiJO8FDBURyb4yfO7glC8TOpacmAc4ElMEWlc2oGckjwvYVFEB5wjouE6uLBwquypQym/scKrM4njElYaJy182q15aDj/oQMZkS8JH3IAAAAASUVORK5CYII=', 'PNG', 100, 100, 10, 10);
doc.save("a4.pdf");
}
function html2pdf() {
const doc = new jspdf.jsPDF()
doc.html(document.body, {
callback: function (doc) {
doc.save();
},
x: 10,
y: 10
});
}
</script>
</body>
</html>