问题标签 [jimp]

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 投票
1 回答
720 浏览

reactjs - 使用 React 的 Jimp.loadFont(使用 load-bmfont 模块)出错

我正在测试 Jimp.js 的图像处理(使用带有 react-scripts 的 React,npm:6.14.4,node:v12.16.3)

一切都很顺利,除了在加载的图像上写文字

这会在 load-bmfont 模块第 71 行的 browser.js 中引发错误“错误解析字体格式错误的文件 - 无元素”,并且不执行日志“加载字体”。

谷歌搜索无济于事,我只找到了 2,3 项,与使用自定义字体相关联 - 但我使用 Jimp 的标准字体。(使用 BMFont 文件而不是 Jimp 标准字体没有帮助)

我的第一个想法是浏览器中的 React 应用程序中出现的错误,所以我编写了一个 Jest 测试,看看它是否在没有浏览器上下文的情况下工作,但它就这样失败了。

有什么想法吗?

0 投票
1 回答
187 浏览

javascript - 我正在尝试使用 jimp 在我的 dicrod bo 上放置一个经过处理的图像来欢迎人们

我正在使用它,但它不起作用。我不知道为什么请帮助我。

0 投票
1 回答
441 浏览

node.js - 修复 Jimp 中的图像方向

我正在使用 Jimp ( https://www.npmjs.com/package/jimp ) 库来裁剪图像。

裁剪工作正常,但我只有图像方向的问题。

有时,用户上传旋转的图像,其结果是旋转裁剪的图像。

我浏览了https://www.npmjs.com/package/jimp文档,但找不到与此相关的任何内容。

这是我通过但没有帮助的几个链接:

https://justmarkup.com/articles/2019-10-21-image-orientation/

在客户端的 JavaScript 中访问 JPEG EXIF 旋转数据

请帮忙

0 投票
2 回答
181 浏览

node.js - NodeJS:使用 .env 中的原始格式数据

我有以下代码使用Jimp包来编辑文件的背景:

每当我运行此代码时,我都会收到一条错误Jimp消息:Error: hex must be a hexadecimal rgba value"

JPG_BACKGROUND_COLORin的值.env0xFFFFFFFF正确的十六进制 rgba 值Jimp

因此,只要我像这样直接使用该JPG_BACKGROUND_COLOR值,代码就可以工作:

JPG_BACKGROUND_COLOR我怎样才能使第一个代码工作,因为我需要设置.env

注意:console.log(process.env.JPG_BACKGROUND_COLOR)打印0xFFFFFFFF所以值不为空,但它被解析为字符串,Jimp而不接受字符串所以我如何将值从.envraw 传递到Jimp包中

0 投票
0 回答
117 浏览

javascript - 如果需要,如何使用 Jimp 调整图像大小

我正在尝试使用jimp将图像转换为 JPG 并保持最大尺寸,例如 1920x1920 保持原始纵横比

但是,我的一些输入文件小于该大小。

我在想它是 image.scaleToFit(1920, 1920, Jimp.AUTO) 但是让它变小就不会调整大小。

我使用 Jimp 是因为 Cordova,我需要一个纯 JS 解决方案,因为我没有为 Cordova 找到可以进行这种转换的插件。

0 投票
2 回答
1089 浏览

javascript - 如何使用 jimp javascript 为动画 gif 图像添加水印?

这些是我用于向图像添加水印的代码:

但它仅适用于文件类型为 png/jpg/jpeg 的图像。它不适用于 gif 图像。

它将生成一个文件“animatedimg.gif”,但该文件不会加载到任何图像查看器或浏览器。

如果我尝试在 mac 中打开该文件,弹出窗口将显示消息:“文件“animatedimg.gif”无法打开,因为它是空的。”

有没有办法在 jimp 中做到这一点?或者还有其他 npm 包吗?谢谢你。

0 投票
1 回答
38 浏览

node.js - 为什么我的带有嵌套异步函数的 try-catch 异常没有抛出?

我想获取一些图像,所以我编写了一个基于 Promise 的脚本来从选定的图像 url 获取图像。但是,当提供无效的 url 时,它应该返回“Get Error”。但是相反(如我所见),应用程序崩溃了,因此 try-catch 块不起作用。

0 投票
1 回答
141 浏览

node.js - AWS lambda 在从调整大小的图像中获取缓冲区期间因超时而失败

我正在使用 JIMP 在 AWS lambda 上调整图像大小,如果图像大于 2MB+,当我获取缓冲区时它会因超时而失败:

0 投票
2 回答
79 浏览

javascript - MaxListenersExceededWarnin 检测到可能的 EventEmitter 内存泄漏。11 guildMemberAdd 监听器添加到 [Client]

我正在尝试使用 jimp 编写代码,其中,当成员进入不和谐服务器时,他们会发送欢迎图片,例如他们的昵称和头像。在 ID 设置的频道中,他们发送图像,但他们发送了 11 张图像,在控制台中他们发送了 11 条消息:

“Imagem enviada para o discord”。

但是,这个错误来了,我不知道如何解决它。整个错误:

“MaxListenersExceededWarning:检测到可能的 EventEmitter 内存泄漏。11 guildMemberAdd 侦听器添加到 [Client]。使用emitter.setMaxListeners() 增加限制”

这是我的代码:

0 投票
1 回答
189 浏览

javascript - 获取目录中的所有图像,在图像上键入每个图像的文件名

我想确定一个目录“inbox_screenshots”,其中包含从 1 到 100 的最多 100 个 png 文件的列表。我想遍历每个图像并将其文件名写入实际图像(即 1.png 写入 1.png 等)

我努力了

运行此操作后,所有图像都输入了 100 个,而不是 1、2、3、4、5 等(文件名是 1.png->100.png)

我也试过

这适用于将文件名写入图像,但它将所有文件名写入每个图像,重叠,因此每个图像上都会有 1,2,3,4,5,6,7,8,9 等,重叠。

会欣赏正确方向的一点。

编辑我在第一个例子中错过了一个让

现在,当我添加它时,它会将文件名放在图像上,但它会不断将最后一个文件名堆叠在上面,例如,第 6 次迭代将有 1、2、3、4、5、6,而不仅仅是 6。这是一个例子:https ://i.gyazo.com/1c29db37dc564c75f78a696ca46cfc80.png (我还不能添加图片)