我正在使用以下代码安装节点 js 画布 API：
npm install canvas --save
我已经编写了用于显示画布的代码，但它没有显示任何内容。该代码在执行时不显示错误：
const { createCanvas } = require('canvas')
const width = 1200
const height = 600
const canvas = createCanvas(width, height)
const context = canvas.getContext('2d')
context.fillStyle = '#fff'
context.fillRect(0, 0, width, height)
这个包为我们提供了一个基于 Node.js 的Canvas API实现，我们在浏览器中了解并喜欢它。
除了从 HTML 元素中获取Canvas实例之外<canvas>，我们加载库，从中获取函数createCanvas。
例子：
const { createCanvas, loadImage } = require('canvas')
const canvas = createCanvas(200, 200)
const ctx = canvas.getContext('2d')
ctx.rotate(0.1)
ctx.fillText('Awesome!', 50, 100)
// Draw line under text
var text = ctx.measureText('Awesome!')
ctx.strokeStyle = 'rgba(0,0,0,0.5)'
ctx.beginPath()
ctx.lineTo(50, 102)
ctx.lineTo(50 + text.width, 102)
ctx.stroke()
// Draw cat with lime helmet
loadImage('./imgs.jpg').then((image) => {
ctx.drawImage(image, 50, 0, 70, 70)
console.log('<img src="' + canvas.toDataURL() + '" />')
})
如果您使用的是 Windows，则需要按照其 GitHub 上的安装步骤操作：
https ://github.com/Automattic/node-canvas/wiki/Installation:-Windows
构建 node-canvas 模块需要：
如果您使用任何其他操作系统，您可以在编译部分的自述文件中找到您的操作系统的说明：
https ://github.com/Automattic/node-canvas