问题标签 [imagedata]

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 回答
33 浏览

data-uri - 如何构建一个不使用(有损)Canvas 的图像/png 数据 url

在浏览器中,我想读入一个 png 文件,获取它的数据,修改它,然后将其写回。(隐写术使用)

数据与 Canvas 的 imageData 基本相同:宽度、高度整数和一个 Uint8Array 的图像像素(每个 4 字节)

由于 alpha-premultiply,我无法使用各种 Canvas 特技。所以我想直接从我拥有的数据中创建一个 dataUrl。

我尝试简单地制作一个由 4 个宽度字节、4 个高度字节和数据字节组成的新 Uint8Array,并使用字符串化 Uint8Array 的明显的 'data:image/png;base64,' + btoa base64。

我用两个像素的数据做到了这一点,然后将它与具有相同数据的 canvas.toDataURL() 进行了比较。我使用 255 的 alpha 来避免失真。

生成的两个 dataUrls base64 不相同。显然base64中包含元数据或一些类似的差异。

那么有没有办法像这样“手动”创建图像/png dataURL?

0 投票
0 回答
50 浏览

javascript - 如何将 base64 图像数据转换为以下任何格式:Nodejs 中的 ImageData|HTMLImageElement|HTMLCanvasElement?

我正在尝试使用 Tensorflowjs 的 BodyPix 创建一个 nodejs 应用程序。目标是从相机中获取base64格式的数据,然后将图像输入BodyPix进行分割。但我正在努力将 base64 图像数据转换为 BodyPix 作为输入的格式之一。

0 投票
1 回答
368 浏览

python - TypeError: __array__() 接受 1 个位置参数但给出了 2 个?

我正在为图像分类任务进行迁移学习。训练生成器如下:

转移的型号代码如下:

最后一个命令抛出错误:

如何克服此错误来进行特征提取?谢谢你。

0 投票
0 回答
6 浏览

image-processing - 我需要在此代码中添加增强过程,但我不知道如何

我设法为这段代码添加了扩充,但我不知道如何以及从哪里开始。数据集只有 200 张图像,所以我需要增强。所以我需要至少 5 次增强来制作至少 1000 张图像。

这是代码:

有人可以帮我添加增强功能吗?增强功能会在这段代码中起作用吗?

0 投票
1 回答
111 浏览

javascript - 无法将 base64Image 转换为 ImageData 对象

我目前正在尝试将 base64Encoded 字符串(图像的表示)转换为 Javascript 中的 ImageData 对象。但是,这会返回一个错误:

未捕获的 InvalidStateError:无法构造“ImageData”:输入数据长度不是 4 的倍数。

编码图像为 940 x 740

我错过了什么?任何帮助表示赞赏

带有完整代码的 JSFiddle 链接

0 投票
1 回答
24 浏览

javascript - Javascript PutImageData 什么都不做

我正在使用以下代码在运行时将画布替换为纯色。问题是在创建图像时它没有映射到画布。

0 投票
1 回答
34 浏览

javascript - JavaScript:画布 PutImageData 不起作用?

我正在使用imageData,由于某种原因,它只绘制了图像的一半!

这是我的代码。(有一个canvas元素,ID为canvas)

0 投票
1 回答
181 浏览

javascript - 从图像 url 获取 ImageData/HTMLImageElement/HTMLCanvasElement 对象

我正在尝试开发一个使用 tensorflow 和 knn-classifier 对图像进行分类的程序。但是,为了训练程序,我需要将图像作为 ImageData、HTMLImageElement 或 HTMLCanvasElement 获取。

因此,我正在寻找一种方法来简单地从图像 url 获取其中一个对象(例如“https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a_mobile_phone.png/1200px-Image_created_with_a_mobile_phone .png")

值得一提的是,我正在使用 nodejs 进行开发。我在下面附上了一些代码来帮助解释我想要实现的目标。

如果这是一个愚蠢或重复的问题,我提前道歉,但是在我搜索的过程中我无法找到这个问题。

0 投票
1 回答
32 浏览

php - 从php中的图像数据返回图像文件

感谢您的回复;

我在 $snap 中有图像数据,$snap内容是这样的:

数据:图像/jpeg;base64,/9j/4AAA ...等

我需要我的 php 文件返回$snap作为图像文件;当 example-image.php oppend 它应该像 example.jpg

这是我要回应的脚本:

上面的脚本会使用我的response来做一个img html标签,我不能改变上面的脚本;我的回应应该使上面的脚本适用。

0 投票
1 回答
289 浏览

sdk - 无法使用 Pinata SDK 将可读流发送到 IPFS - 400 错误请求和未处理的拒绝

由于我的项目的性质,我有一个图像 dataURL(不是实际的图像文件),我试图通过 Pinata SDK 上传到 IPFS。我已将图像 dataURL 转换为缓冲区(数组)并尝试了 2 种不同的方法,但它们都不起作用。这是我的代码:

样品 1

错误: 未处理的拒绝(TypeError):source.on 不是函数

样品 2

错误: 400 错误请求,结果 {"error":"Unexpected field"}