在画布上显示node.js输出变量

Question

我的node.js程序的输出是一系列点（x，y）。我需要在画布上显示这些点（无需浏览器），因此我认为该模块可以显示我的点

（https://www.npmjs.com/package/canvas）

const { createCanvas, loadImage } = require('canvas')
const canvas = createCanvas(200, 200)
const ctx = canvas.getContext('2d')

// Write "Awesome!"
ctx.font = '30px Impact'
ctx.rotate(0.1)
ctx.fillText('Awesome!', 50, 100)

我通过npm安装了它，但是运行此代码时在屏幕上看不到任何画布。 它是否写入文件或其他内容？ 我应该创建一个Web服务器或其他东西来查看屏幕上的画布吗？ （对不起，我不是计算机迷，所以这对我来说很难。我正在尝试做作业，我只想在没有浏览器的情况下将其显示在画布上。）

注意：：我有诸如{2,3}，{5,8}之类的点，作为我Node.js代码的输出。我想在屏幕上显示这些点。这是第一个问题。如果我能解决这个问题，我将进入第二阶段，即当我移动鼠标时，将计算鼠标点的位置并绘制新的点。但是我应该首先在屏幕上显示该点，就像这张图片一样。

Answer 1

您需要使用浏览器来显示画布。除非我弄错了。

我认为该软件包不会写入文件编号。

您需要Web服务器才能使用节点

您能否提供更多信息？例如您说“屏幕”时的意思。对于您实际上要实现的目标，我感到很困惑。

Answer 2

尝试node-gd或node-webkit

长答案：

由于您不涉及浏览器，因此无法绘制到画布上。大多数JS库中的“画布”一词是浏览器画布。

但是，您可以将输出绘制到bitmap image上，并使用node-gd包将其保存为文件。有关将点绘制到位图文件的信息，请参见examples。

另一个选项是输出SVG文档。但是您需要create an xml document，并知道basics of SVG schema。

如果您还想要GUI（如桌面应用程序），请尝试node-webkit。