javascript - 在 Canvas 上显示node.js输出变量

标签 javascript node.js canvas

我的node.js 程序的输出是一系列点(x,y)。我需要的是在 Canvas 上显示这些点(没有浏览器),所以我认为这个模块可以显示我的点

( 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 安装了它,但当我运行此代码时,我在屏幕上看不到任何 Canvas 。 它会写入文件或其他内容吗? 我应该创建一个网络服务器或其他东西来查看屏幕上的 Canvas 吗? (抱歉,我不是计算机极客,所以这对我来说很难。我正在尝试做作业,我只想在没有浏览器的情况下将其显示在 Canvas 上。)

注意:我有 {2,3}、{5,8} 等点作为 Node.js 代码的输出。我想在屏幕上显示这些点。这是第一个问题。如果我能处理这个问题,我会进入第二阶段,即当我移动鼠标点位置时,将计算并绘制新点。但我应该首先在屏幕上显示点,如下图所示。

canvas

最佳答案

您需要浏览器来显示 Canvas 。除非我弄错了。

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

您需要一个网络服务器才能使用 Node

您能提供更多信息吗?比如你说的“屏幕”是什么意思。我对你实际想要实现的目标感到很困惑。

关于javascript - 在 Canvas 上显示node.js输出变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56201724/

相关文章:

javascript - jQuery ui 可选择表来选择/取消选择复选框

javascript - 获取函数原型(prototype)的源代码

javascript - react js模块未找到: Can't resolve 'file-saver'

angularjs - 将您的 Angular NodeJS 应用程序 Docker 化

java - Spring+JSP中如何查看发送请求和得到响应的时间差

javascript - jQuery PhoneGap 应用程序中的 Javascript 定时长按

javascript - 导航栏中的 Bootstrap 下拉菜单不起作用

canvas - 访问模板中的元素

PHP 数据 - 图像的 URI

javascript - 即时选择图像源