nodejs如何用一张图片填充多个文字输出多张图片
首先,需要使用Node.js的Canvas库来操作图片和文字。可以使用以下代码来安装Canvas库:
npm install canvas
然后,可以使用以下代码来填充文字并输出图片:
const { createCanvas, loadImage } = require('canvas');
// 加载图片
const image = await loadImage('path/to/image.jpg');
// 创建画布
const canvas = createCanvas(image.width, image.height);
const ctx = canvas.getContext('2d');
// 填充文字
ctx.font = '48px serif';
ctx.fillText('Hello World', 10, 50);
// 输出图片
const output = createWriteStream('path/to/output.jpg');
const stream = canvas.createJPEGStream();
stream.pipe(output);
如果需要输出多张图片,可以循环填充文字并输出多张图片。例如:
const { createCanvas, loadImage } = require('canvas');
// 加载图片
const image = await loadImage('path/to/image.jpg');
// 循环填充文字并输出图片
for (let i = 0; i < 10; i++) {
// 创建画布
const canvas = createCanvas(image.width, image.height);
const ctx = canvas.getContext('2d');
// 填充文字
ctx.font = '48px serif';
ctx.fillText(`Hello World ${i}`, 10, 50);
// 输出图片
const output = createWriteStream(`path/to/output_${i}.jpg`);
const stream = canvas.createJPEGStream();
stream.pipe(output);
}
``
原文地址: https://www.cveoy.top/t/topic/cU34 著作权归作者所有。请勿转载和采集!