pdf.addimage的用法介绍

jsPDF插件的addImage用法

pdf.addimage()是一个可用于在PDF文件上插入图片的函数，它提供了控制图片大小、压缩质量、图片旋转度数等属性。

pdf.addImage(image, format, x, y, width, height, alias, compression, rotation)

参数

1、image：表示要插入的图片资源，可以是图片文件的路径或者base64编码字符串。

2、format：表示要插入的图片格式，包括：‘JPEG’, ‘PNG’, ‘GIF’, ‘BMP’, ‘TIFF’, ‘RAW’, ‘JPEG2000’。

3、x：图片在PDF中的x轴坐标，单位为pt（点）。

4、y：图片在PDF中的y轴坐标，单位为pt（点）。

5、width：图片在PDF中的宽度，单位为pt（点）。

6、height：图片在PDF中的高度，单位为pt（点）。

7、alias（可选）：指定图片资源的别名。

8、compression（可选）：指定图片的压缩质量，取值为0-1之间的浮点数。

9、rotation（可选）：指定图片的旋转角度，取值范围为0-360之间的整数。

使用示例

1、插入本地图片

const { jsPDF } = require("jspdf");
const fs = require("fs");
const pdf = new jsPDF();

const imgData = fs.readFileSync("image.jpg");

pdf.addImage({
   imageData: imgData,
   x: 10,
   y: 10,
   width: 100,
   height: 100,
   format: "jpg"
});

pdf.save("example.pdf");

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

2、插入网络图片

const { jsPDF } = require("jspdf");
const pdf = new jsPDF();

const imageURL = "https://example.com/image.jpg";

pdf.addImage(imageURL, "jpg", 10, 10, 100, 100);

pdf.save("example.pdf");

3、插入base64编码字符串

const { jsPDF } = require("jspdf");
const pdf = new jsPDF();

const base64Data = "data:image/png;base64,iVBORw0KG...";

pdf.addImage(base64Data, "png", 10, 10, 100, 100);

pdf.save("example.pdf");

4、指定图片别名和压缩质量

const { jsPDF } = require("jspdf");
const pdf = new jsPDF();

const imageURL = "https://example.com/image.jpg";

pdf.addImage(imageURL, "jpg", 10, 10, 100, 100, "myImage", 0.8);

pdf.save("example.pdf");

5、对图片进行旋转

const { jsPDF } = require("jspdf");
const pdf = new jsPDF();

const imageURL = "https://example.com/image.jpg";

pdf.addImage(imageURL, "jpg", 10, 10, 100, 100, "", 1, 90);

pdf.save("example.pdf");

库地址

https://www.npmjs.com/package/jspdf