如何使用node-canvas
时间: 2023-08-14 17:04:54 浏览: 188
Canvas的使用方法
Node.js 中的 `node-canvas` 模块提供了在服务器端使用 Canvas 的能力。下面是一个使用 `node-canvas` 的简单示例:
```javascript
const { createCanvas } = require('canvas');
// 创建一个 200x200 的画布
const canvas = createCanvas(200, 200);
const ctx = canvas.getContext('2d');
// 设置画布样式
ctx.fillStyle = '#f00';
ctx.fillRect(0, 0, 200, 200);
// 绘制一条直线
ctx.strokeStyle = '#0f0';
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(200, 200);
ctx.stroke();
// 将画布保存为 PNG 图片
const fs = require('fs');
const out = fs.createWriteStream(__dirname + '/test.png');
const stream = canvas.createPNGStream();
stream.pipe(out);
out.on('finish', () => console.log('The PNG file was created.'));
```
上面的代码使用 `node-canvas` 创建一个 200x200 的画布,设置了画布样式并绘制了一条直线,然后将画布保存为 PNG 图片。你可以根据实际需求修改画布大小、样式和绘制内容。
注意,`node-canvas` 对于一些高级特性(如阴影、渐变、图像处理等)的支持与浏览器中的 Canvas 存在差异,具体可参考官方文档。
阅读全文