问题标签 [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 投票
1 回答
6782 浏览

javascript - 在 Mac OSX 的 Chrome 浏览器中使用 HTML5 Canvas getImageData 的 javascript 内存泄漏

此问题已在新的 chrome 版本(版本 35.0.1916.114)中修复


chrome for mac osx中, CanvasRenderingContext2D#getImageData 函数会造成内存泄漏,我该如何避免这个问题,这是测试用例和结果,它只发生在 chrome 浏览器中,safari 是可以的

在此处输入图像描述

0 投票
1 回答
2074 浏览

javascript - 用javascript检测颜色是否在两种颜色之间

我想检测图像的每个像素是否在两种颜色之间的范围内。我用getImageData得到像素颜色,但现在我不知道如何知道它是否在范围内。任何的想法?谢谢

0 投票
1 回答
1358 浏览

javascript - Javascript Canvas 获取图像像素数据

我有一个关于 javascript canvas 的两部分问题:

第 1 部分:
我在与我的 html 文档相同的文件中有一个 .jpg。我想知道是否有一种简单的方法可以在该文件中获取像素的颜色,而无需使用 context.getImageData()。

第 2 部分:( 如果第 1 部分太复杂而无用。)
如果我直接从这个站点: W3 学校 getImageData()复制代码到我桌面上的一个 html 文件中,并在我的桌面上添加一个名为img_the_scream.jpg的图像,然后运行它我得到这个错误:

我真的不知道为什么它适用于该网站,但不适用于我。

0 投票
0 回答
173 浏览

javascript - 从画布中获取正确的像素

当我尝试从我的 png 获取图像数据时,在每个浏览器上一切正常。对于大多数用户来说,它也可以正常工作。但是,在某些计算机上,此代码

返回某些颜色低于或高于 1 的像素。这只发生在 Firefox 和 IE 上。即使在这些计算机上,Chrome 也会返回正确的结果。

我发现这可能与用户计算机上的颜色配置文件有关。有没有办法在浏览器不应用颜色校正的情况下获取原始数据?

我正在使用屏幕外画布,这些图像没有 alpha 通道,所以应该没有任何问题。

如果有什么不同,我会从 datauri 加载图像。

0 投票
1 回答
1594 浏览

javascript - HTML5 Canvas 绘制的像素颜色与提供的颜色不同

在将某种颜色设置为fillStyle画布并使用 绘制矩形后fillRect,矩形的颜色有时与提供的颜色略有不同(getImageData返回不同的值 - 通常其中一个值低 1)。它似乎只在使用rgba颜色(而不是 with rgb)时发生,但我实际上确实需要使用 alpha 通道。

我为任何想研究这个问题的人制作了一个关于 js fiddle 的简单测试套件:http: //jsfiddle.net/LaPdP/1/

关于为什么会发生这种情况以及是否有任何解决方法的任何想法?如果它至少总是以相同的值发生,那么我只需将其增加 1 即可绕过它,但对我来说似乎很随机。

0 投票
2 回答
913 浏览

javascript - DOM 异常 18 获取图像数据

我遇到了很多人过去似乎遇到过的错误,但我并不清楚解释。在我的 javascript 中使用 .getImageData() 方法获取我存储在计算机上并输入到我的 HTML 网页中的 img 标记中的图片的像素数据后,我得到 SecurityError: DOM Exception 18。

我只是在我的浏览器中运行一个 HTMl 文件,它阻止我完成这些工作。我读过有关制作代理以绕过它或在我自己的域上托管图像的信息。我不完全理解这意味着什么或如何去做。因此,如果有人可以提供帮助,将不胜感激。我将在此处输入我的代码并留下图像的链接。

http://i.imgur.com/8UzWlWX.png

编辑:该文件现在与 html 文件位于同一文件夹中,但出现相同的错误标志

0 投票
1 回答
517 浏览

javascript - javascript/jquery getImageData 图像的颜色选择

我在这里有这个小提琴:http: //jsfiddle.net/R6rGp/

我尝试获取图像/画布的颜色,但总是得到 RGB 000。

但显然,图像没有真正的黑色像素。那有什么问题?

0 投票
0 回答
44 浏览

image - 我已经使用以下代码上传了附件。它工作正常。它可能是图像、word 文件等...有人开发任何 java 代码来显示数据吗?

这是我的上传附件代码。

我应该如何使用 java 代码显示我的图像和文件?

0 投票
1 回答
388 浏览

javascript - Firefox 中的 DrawImage 方法不能正确处理绿色像素?

例如,当我在画布上绘制一个像素的图像,然后尝试查看画布上绘制的内容时,我得到了不同的颜色?在下面的代码中,第一个图像像素的颜色为 rgba (0,255,0,255),但是当我尝试给他带来一个红色分量时,我得到的是 1 而不是 0,为什么?

这就是我得到的:

0 投票
0 回答
172 浏览

html - 从放置到html画布中的php图像(imageTTFText)获取图像数据

我在一个名为“gen_height.pht”的文件中创建了一个图像

现在我将此图像放入 html 画布中:

之后,我想知道 imagedate(rgb 值),其中:

• 出现 php 图像
• 但图像数据全是 255(函数 tester1 的输出),就像只有白色背景一样
• 当我将 php 图像替换为常规 jpg 图像时,它确实有效并提供了特定的 rgb-data

任何人知道为什么我不从 php-image 中获取数据,而它确实出现了?