在nodejs环境里使用canvas和sharp生成图片

1.安装依赖包

?

1	npm install sharp canvas

2.实例代码

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

const {createCanvas} = require('canvas');   // 在虚拟DOM环境中创建Canvas const canvas = createCanvas(300, 200); const context = canvas.getContext('2d');   // 在Canvas上绘制一些内容（这里绘制一个简单的红色矩形） context.fillStyle = 'red'; context.fillRect(0, 0, 300, 200);   // 从Canvas获取Data URL const dataUrl = canvas.toDataURL('image/png');   console.log('Data URL:', dataUrl);   // 可以将Data URL传递给其他地方进行处理，比如使用Sharp库转换为图像 // 以下是一个使用Sharp的示例 const sharp = require('sharp');   sharp(Buffer.from(dataUrl.split(',')[1], 'base64'))     .toFile('output.png', (err, info) => {         if (err) {             console.error(err);         } else {             console.log('Image saved:', info);         }     });

　　

3.运行测试

?

1	node test.js