问题标签 [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.
javascript - 在 Mac OSX 的 Chrome 浏览器中使用 HTML5 Canvas getImageData 的 javascript 内存泄漏
此问题已在新的 chrome 版本(版本 35.0.1916.114)中修复
在chrome for mac osx中, CanvasRenderingContext2D#getImageData 函数会造成内存泄漏,我该如何避免这个问题,这是测试用例和结果,它只发生在 chrome 浏览器中,safari 是可以的
javascript - 用javascript检测颜色是否在两种颜色之间
我想检测图像的每个像素是否在两种颜色之间的范围内。我用getImageData得到像素颜色,但现在我不知道如何知道它是否在范围内。任何的想法?谢谢
javascript - Javascript Canvas 获取图像像素数据
我有一个关于 javascript canvas 的两部分问题:
第 1 部分:
我在与我的 html 文档相同的文件中有一个 .jpg。我想知道是否有一种简单的方法可以在该文件中获取像素的颜色,而无需使用 context.getImageData()。
第 2 部分:( 如果第 1 部分太复杂而无用。)
如果我直接从这个站点: W3 学校 getImageData()复制代码到我桌面上的一个 html 文件中,并在我的桌面上添加一个名为img_the_scream.jpg的图像,然后运行它我得到这个错误:
我真的不知道为什么它适用于该网站,但不适用于我。
javascript - 从画布中获取正确的像素
当我尝试从我的 png 获取图像数据时,在每个浏览器上一切正常。对于大多数用户来说,它也可以正常工作。但是,在某些计算机上,此代码
返回某些颜色低于或高于 1 的像素。这只发生在 Firefox 和 IE 上。即使在这些计算机上,Chrome 也会返回正确的结果。
我发现这可能与用户计算机上的颜色配置文件有关。有没有办法在浏览器不应用颜色校正的情况下获取原始数据?
我正在使用屏幕外画布,这些图像没有 alpha 通道,所以应该没有任何问题。
如果有什么不同,我会从 datauri 加载图像。
javascript - HTML5 Canvas 绘制的像素颜色与提供的颜色不同
在将某种颜色设置为fillStyle
画布并使用 绘制矩形后fillRect
,矩形的颜色有时与提供的颜色略有不同(getImageData
返回不同的值 - 通常其中一个值低 1)。它似乎只在使用rgba
颜色(而不是 with rgb
)时发生,但我实际上确实需要使用 alpha 通道。
我为任何想研究这个问题的人制作了一个关于 js fiddle 的简单测试套件:http: //jsfiddle.net/LaPdP/1/
关于为什么会发生这种情况以及是否有任何解决方法的任何想法?如果它至少总是以相同的值发生,那么我只需将其增加 1 即可绕过它,但对我来说似乎很随机。
javascript - DOM 异常 18 获取图像数据
我遇到了很多人过去似乎遇到过的错误,但我并不清楚解释。在我的 javascript 中使用 .getImageData() 方法获取我存储在计算机上并输入到我的 HTML 网页中的 img 标记中的图片的像素数据后,我得到 SecurityError: DOM Exception 18。
我只是在我的浏览器中运行一个 HTMl 文件,它阻止我完成这些工作。我读过有关制作代理以绕过它或在我自己的域上托管图像的信息。我不完全理解这意味着什么或如何去做。因此,如果有人可以提供帮助,将不胜感激。我将在此处输入我的代码并留下图像的链接。
http://i.imgur.com/8UzWlWX.png
编辑:该文件现在与 html 文件位于同一文件夹中,但出现相同的错误标志
image - 我已经使用以下代码上传了附件。它工作正常。它可能是图像、word 文件等...有人开发任何 java 代码来显示数据吗?
这是我的上传附件代码。
我应该如何使用 java 代码显示我的图像和文件?
javascript - Firefox 中的 DrawImage 方法不能正确处理绿色像素?
例如,当我在画布上绘制一个像素的图像,然后尝试查看画布上绘制的内容时,我得到了不同的颜色?在下面的代码中,第一个图像像素的颜色为 rgba (0,255,0,255),但是当我尝试给他带来一个红色分量时,我得到的是 1 而不是 0,为什么?
这就是我得到的:
html - 从放置到html画布中的php图像(imageTTFText)获取图像数据
我在一个名为“gen_height.pht”的文件中创建了一个图像
现在我将此图像放入 html 画布中:
之后,我想知道 imagedate(rgb 值),其中:
• 出现 php 图像
• 但图像数据全是 255(函数 tester1 的输出),就像只有白色背景一样
• 当我将 php 图像替换为常规 jpg 图像时,它确实有效并提供了特定的 rgb-data
任何人知道为什么我不从 php-image 中获取数据,而它确实出现了?