问题标签 [node-canvas]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1600 浏览

node.js - 在 CentOS 7 上安装 node-canvas “在 pkg-config 搜索路径中找不到包 cairo”

我正在努力在 CentOS 7 上安装node-canvas 。

按照建议,我按照安装说明执行了以下命令:

之后我尝试安装画布

我还尝试了其他选项,例如 -g 和 --save,但总是遇到相同的错误:

我知道,这个问题已经在这里发布了

所以我尝试将 cairo.pc 添加到 pkg-config 搜索路径

但我仍然遇到同样的错误

仍然返回 1。

0 投票
0 回答
710 浏览

node.js - 将节点画布图像保存到 Firebase 服务器

我正在尝试使用节点画布在 Google Firebase 服务器上创建和映像,并将其存储在 Firebase 存储中。

但是,当我尝试保存它时,toDataURL我得到了这个错误:

当我尝试时,toBuffer我得到了这个:

我也尝试toBlob过,但该功能不存在节点画布的服务器端。

任何人都知道我应该如何在将图像服务器端传输到 Firebase 存储之前保存它?

谢谢!

0 投票
1 回答
361 浏览

node.js - nodejs base64 图像响应不是作为图像对象出现的。添加标题时 {'Content-Type': 'image/jpeg or png'}

当我在服务器端生成图像并获取 base64 图像字符串时。

我想作为图像对象发送。它通过创建图像流与节点画布正常工作。

但是当我使用fabric.js 时,它返回的是直接base64 图像,而不是像node-canvas 这样的base64 流。当我发送 base64 作为响应时,图像变为空白。

0 投票
1 回答
638 浏览

npm-install - 在 Windows 10 上构建 Autodesk Forge RCDB 失败并出现节点 gyp 错误

在尝试构建 Forge 响应式连接数据库时。我无法在我的 Windows 10 机器上构建此应用程序。我无法成功运行“npm install”。我收到以下错误,如下所示。我最终尝试使用预先配置的“画布”,但它仍然没有让节点应用程序运行。

https://github.com/Autodesk-Forge/forge-rcdb.nodejs

我尝试了这些解决方案但没有成功:

https://github.com/npm/npm/issues/14543

https://github.com/nodejs/node-gyp#on-windows

https://github.com/Automattic/node-canvas/wiki/Installation---Windows

https://github.com/substack/dnode/issues/181

https://github.com/nodejs/node-gyp/issues/629#issuecomment-153196245

https://www.npmjs.com/package/canvas-prebuilt

0 投票
0 回答
204 浏览

javascript - 节点画布层替换

我有这张图片,它是白色的,但上面有一些黑色文字(和一个正方形),我想用另一张图片替换白色。如何在节点画布中执行此操作?我查看了文档,但没有图层功能,那么没有图层我该如何实现呢?

我也不想使用applyText或类似的东西,因为我已经完成了所有图像:/。

0 投票
1 回答
448 浏览

node.js - 在 Windows 2016 上配置具有 jpeg 支持的 Node Canvas 模块时出错

我正在尝试在节点服务器上使用 fabric.js 构建应用程序。我按照记录的步骤进行操作,并且能够设置画布和结构模块。

当我尝试通过更新 binding.gyp 文件来包含对 jpeg 文件的支持时,node.canvas 会中断。

当前配置

画布先决条件版本

安装步骤

canvas 项目构建成功,没有任何错误

我用以下内容更新了“node_modules/canvas”文件夹中的 binding.gyp

更新了条件

更新绑定文件后 node-gyp 重建工作正常,没有任何问题,一旦完成,如果我运行测试

测试画布代码

在运行测试代码时,我收到以下错误

如果我将 with_jpeg 变量设置为 false 并重建测试代码,则可以正常工作,没有任何问题。我不太确定我哪里出错了。有人可以帮我解决这个问题。

0 投票
1 回答
1783 浏览

javascript - 如何在节点 js 中使用图像切片?

我尝试使用image-slice节点 js 分割成多个部分。

我尝试安装npm i image-to-slices, sudo port install caironpm i canvasbrew install pkg-config cairo pango libpng jpeg giflib仍然require node-canvas在服务器端 node.js 上显示错误

这是我试图切片图像:

控制台输出错误:

0 投票
0 回答
31 浏览

node.js - 根据数字缩放图像宽度和高度

我有一定数量的宽度和高度为 40 的正方形,有没有办法将它们“完美地”放入使用节点画布生成的图像中,而图像不会太大或太小?还要使图像尺寸平衡,以使宽度上没有太多的正方形或高度上没有太多的正方形。

这是我尝试过的:

和:

但这只会使图像太大或太小。

0 投票
1 回答
1554 浏览

javascript - Node.js javascript-barcode-reader 在扫描图像时给出 null

我正在从 node.js 中上传的图像中读取多个条形码。为此,我使用javascript-barcode-reader,它需要ImageData作为输入。要获取图像的ImageData,我必须使用节点画布因为我必须在 Nodejs 中完成所有操作,而不是前端)。

波纹管代码执行时没有任何警告/错误。目前,我只使用一个条形码图像,但我得到code了空值。

这里出了什么问题,为什么我得到值。

最初,我只尝试单个条形码图像。

在此处输入图像描述

0 投票
2 回答
1903 浏览

javascript - 如何在画布中设置图像样式?

我正在使用节点画布,我想知道如何在画布中设置导入图像的样式,类似于您在 CSS 中的图像。

例如,我如何将画布中的方形图像裁剪为圆形。在 CSS 中,您需要做的就是将边框半径设置为 50%。