问题标签 [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.
node.js - 在 CentOS 7 上安装 node-canvas “在 pkg-config 搜索路径中找不到包 cairo”
我正在努力在 CentOS 7 上安装node-canvas 。
按照建议,我按照安装说明执行了以下命令:
之后我尝试安装画布
我还尝试了其他选项,例如 -g 和 --save,但总是遇到相同的错误:
我知道,这个问题已经在这里发布了
所以我尝试将 cairo.pc 添加到 pkg-config 搜索路径
但我仍然遇到同样的错误
还
仍然返回 1。
node.js - 将节点画布图像保存到 Firebase 服务器
我正在尝试使用节点画布在 Google Firebase 服务器上创建和映像,并将其存储在 Firebase 存储中。
但是,当我尝试保存它时,toDataURL
我得到了这个错误:
当我尝试时,toBuffer
我得到了这个:
我也尝试toBlob
过,但该功能不存在节点画布的服务器端。
任何人都知道我应该如何在将图像服务器端传输到 Firebase 存储之前保存它?
谢谢!
node.js - nodejs base64 图像响应不是作为图像对象出现的。添加标题时 {'Content-Type': 'image/jpeg or png'}
当我在服务器端生成图像并获取 base64 图像字符串时。
我想作为图像对象发送。它通过创建图像流与节点画布正常工作。
但是当我使用fabric.js 时,它返回的是直接base64 图像,而不是像node-canvas 这样的base64 流。当我发送 base64 作为响应时,图像变为空白。
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
javascript - 节点画布层替换
我有这张图片,它是白色的,但上面有一些黑色文字(和一个正方形),我想用另一张图片替换白色。如何在节点画布中执行此操作?我查看了文档,但没有图层功能,那么没有图层我该如何实现呢?
我也不想使用applyText
或类似的东西,因为我已经完成了所有图像:/。
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 并重建测试代码,则可以正常工作,没有任何问题。我不太确定我哪里出错了。有人可以帮我解决这个问题。
javascript - 如何在节点 js 中使用图像切片?
我尝试使用image-slice
节点 js 分割成多个部分。
我尝试安装npm i image-to-slices
, sudo port install cairo
,npm i canvas
但brew install pkg-config cairo pango libpng jpeg giflib
仍然require node-canvas
在服务器端 node.js 上显示错误
这是我试图切片图像:
控制台输出错误:
node.js - 根据数字缩放图像宽度和高度
我有一定数量的宽度和高度为 40 的正方形,有没有办法将它们“完美地”放入使用节点画布生成的图像中,而图像不会太大或太小?还要使图像尺寸平衡,以使宽度上没有太多的正方形或高度上没有太多的正方形。
这是我尝试过的:
和:
但这只会使图像太大或太小。
javascript - Node.js javascript-barcode-reader 在扫描图像时给出 null
我正在从 node.js 中上传的图像中读取多个条形码。为此,我使用javascript-barcode-reader,它需要ImageData作为输入。要获取图像的ImageData,我必须使用节点画布(因为我必须在 Nodejs 中完成所有操作,而不是前端)。
波纹管代码执行时没有任何警告/错误。目前,我只使用一个条形码图像,但我得到code
了空值。
这里出了什么问题,为什么我得到空值。
最初,我只尝试单个条形码图像。
javascript - 如何在画布中设置图像样式?
我正在使用节点画布,我想知道如何在画布中设置导入图像的样式,类似于您在 CSS 中的图像。
例如,我如何将画布中的方形图像裁剪为圆形。在 CSS 中,您需要做的就是将边框半径设置为 50%。