问题标签 [getimagedata]

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 投票
2 回答
1309 浏览

javascript - JavaScript 画布图像数据操作

我想使用非常简单的算法调整图像大小。我有这样的事情:

但是,我对这个解决方案的问题是,图像会以这种方式丢失任何透明度信息。我不知道这是否发生在这个算法中,或者可能是我稍后用来显示该图像的 putImageData 正在执行此操作,但我似乎无法保持透明度。

每次执行此操作时,我都会创建一个画布,将图像放在该画布上并使用 getImageData 从该画布获取图像,如您在代码的第一行中所见。也许没有别的办法,所以我可能不介意......

但问题是我使用两个 for 循环来绘制调整大小的图像,然后使用 getImageData 来存储该图像信息。这是一种奇怪的方法。我宁愿创建空的图像数据并用所有原始图像信息填充它,只调整大小。我无法用我的头脑来理解这一点,我无法想象这个循环结构。为了说明我的意思:

我无法弄清楚魔术部分。

感谢您的阅读!

0 投票
1 回答
43 浏览

wordpress - 获取任何图像 wordpress 的完整数据

我想获取图像的完整数据。我应该使用哪个以及如何使用任何功能?标题显示帖子的标题,但我希望显示图像的标题。我应该怎么办?

0 投票
1 回答
139 浏览

javascript - 在 JavaScript 画布中获取图像的颜色像素

我有点难以获得图像的像素颜色。我需要获取一个像素的 RGB 值,跳转三个并将其存储在一个数组中,但我的控制台总是返回 [0, 0, 0...]。

你知道如何以更好的方式做到这一点吗?

我的代码如下所示:

0 投票
1 回答
594 浏览

javascript - canvas getImageData 返回太多像素

我正在创建一个移动 webapp 游戏,让用户在屏幕上滑动以清除它。我正在尝试编写一个智能函数来检测几乎整个画布何时是透明的。

我有一个间隔每秒调用下面的函数来进行检查。它应该工作的方式是我取画布的一个 20 像素宽的部分,与画布一样高。

该函数应该运行得相当流畅,但由于某种原因,getImageData 函数返回了许多像素。我的扇区总是 20px 宽并且具有相同的高度,所以它应该每次返回相同数量的像素。当然,由于 getImageData 返回的数字越来越大,我的循环越来越慢。

有谁知道这是什么原因?我是否误解了 getImageData 函数的工作方式?

0 投票
2 回答
9349 浏览

javascript - 使用 pdf.js 和 ImageData 将多页 pdf 渲染到单个 Canvas

我正在尝试将 pdf 渲染到单个画布上,我参考了以下链接来实现相同的效果。

访问:使用 pdf.js 和 ImageData 将 .pdf 渲染到单个 Canvas

var pdf = null;

我看到创建了空间来呈现不显示 pdf 的页面。

任何帮助将不胜感激。谢谢。

0 投票
2 回答
4481 浏览

html - html5 画布在使用 getImageData() 时总是返回 8 位颜色

我正在使用 html5 画布来渲染和图像,对图像进行一些基本的编辑,而不是尝试使用 getImageData(0 函数来读取像素并做一些工作。我注意到你,无论源图像的位深度如何是(8 位、16 位、24 位)getImageData() 方法允许返回 8 位(256 种颜色)。这是不可取的。我希望 getImageData(0 方法能吐出尽可能多的颜色。

我已经通读了文档,画布应该能够处理你扔给它的任何位深度(形象地)但我看不到任何地方可以将位深度设置得更高

0 投票
1 回答
98 浏览

google-chrome - 在 Chrome 上调用 getImageData() 方法后,画布绘图变得模糊

在我调用 getImageData() 并将其内容复制到 GOOGLE CHROME 上的另一个画布后,原始画布渲染变得模糊。任何人都面临类似的问题?

0 投票
1 回答
3741 浏览

javascript - 形状检测javascript画布

我正在做一个网络应用程序,我正在从 IP 摄像机中提取图像,并且我需要能够查看停车位是否有汽车。我想使用某种形状检测来做到这一点,但我似乎只能找到来自 c++ 的面部检测端口和基本形状,例如正方形。有人可以指出我正确的方向,以便我可以进行自己的形状检测吗?凸轮的快照 现在,我正在绘制蓝色框并获取 x、y、h、w 的图像数据,并查看除了停车场的 0xFFFFFF 之外我是否可以获得任何其他颜色,但它在晚上不起作用,它会偏斜人类行走。

任何帮助,将不胜感激..

这是抓取图像数据将其保存到本地存储,然后我循环遍历每个像素,但是我认为这不是正确的方法。

0 投票
1 回答
1356 浏览

javascript - .getImageData() 具有背景图像属性?

如何使用 .getImageData() 从给定元素的背景图像中获取数据?项目已经在使用 jQuery,所以欢迎使用 jQuery 解决方案。

0 投票
2 回答
3747 浏览

javascript - 用 [rgba] 颜色数组填充画布的快速方法

如果您有一系列颜色并且您想用其内容填充画布,我知道的最快方法是:

这似乎太慢了,因为我要复制整个数组两次!一个用来制作img_data,另一个用来放在画布上。有没有办法简单地将原件my_array插入元素中?