首先,需要使用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);
}
``
nodejs如何用一张图片填充多个文字输出多张图片

原文地址: https://www.cveoy.top/t/topic/cU34 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录