问题标签 [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 回答
2768 浏览

javascript - 如何在 node-webkit 中使用跨域数据进行测试?

我一直在通过 Node 测试我所有的跨域数据,并取得了很大的成功。但是,我最近遇到了 Node 无法解决数据请求的情况。

我正在使用getImageData()函数,它会引发跨域问题。在其他跨域问题上,Node 可以成功处理请求,但是这个功能似乎给它带来了麻烦。

另外,如果我将它与 node-webkit 打包并单独运行,它会很好用。我确定有解释,但我找不到。为什么 node-webkit 可以工作,但运行 Node.js 服务器却不行?

不要在这个页面上到处乱写代码,让我试着解释一下我在做什么。我有一台从中获取数据的 Axis 相机。它是 Motion JPEG,它存储在我有 ID的img标签中。数据来自http://ip等。

我认为问题在于getImageData()函数是从img标签 ID 请求而不是外部某个地方,这反过来会抛出跨域标志。

我对么?我该如何解决这个问题?

另外,有没有人知道在不实际打包的情况下测试 node-webkit 应用程序的好方法?本质上,一个 node-webkit 模拟器?

0 投票
1 回答
1009 浏览

javascript - 使用 javascript 和 jQuery 进行色度键控

好的,我们需要你的帮助!我们(与我们的信息学课程)正在构建一个数字暂存图!像这样:

https://www.megagadgets.nl/media//ScratchMap3_thumb3.jpg
(来源:megagadgets.nl

使用鼠标,您应该能够划出您去过的地方。现在我们被困住了。我们有一个画布,我们绘制了一张世界地图的图像。然后,当用户单击并拖动笔画时,就会将其添加到世界地图的顶部。

现在我们想要将(绿色绘制的)笔触转换为透明度,以便我们可以显示它背后的图像。(就像划掉你去过的地方并展示它背后的地图(彩色))。

这是我们的html:

这是我们的javascript:

现在,当我们移除draw_image()绿色时,另一个画布上的绿色变为黄色。但是draw_image()在第二个画布上什么都没有。

怎么了?或者你有没有办法用其他 Javascript 或根本不用 javascript 来做到这一点?

任何帮助,将不胜感激!

路德·詹森和朋友

0 投票
5 回答
1874 浏览

javascript - 如何获取特定对象的图像数据?

在画布中,我创建了一个 2d 上下文。在那种情况下......有一个功能......我能够创建一些“圆形对象”。现在,我想要的是获取单个圆形对象的 ImageData,而不是整个上下文的图像数据。

在下面的代码中,你可以看到我的愿望被注释掉了。

那么,如何获取特定对象的图像数据呢?

编辑: 我知道我需要先画圆,我稍后在我的代码中这样做,但是如果我在上下文中有一个背景矩形,当我点击圆旁边时,它会得到的 imageData背景矩形,当我想返回 alpha rgba 的 0 值时。

0 投票
1 回答
923 浏览

javascript - HTML5 Canvas getImageData 值像素颜色闪烁白色和黑色

我正在创建一个颜色选择器,我让它使用渐变从 HTML5 画布中提取颜色。大多数时候它显示正确的颜色,但有时它会随机显示白色或黑色。我在下面有一个演示,它记录了所有的黑白(除了左上角和底部像素)。

演示:http: //jsfiddle.net/ek2kD/

有问题的代码在最底部是这样的:

(我删除了上面片段的日志记录代码)

为什么在顶部渐变的圆圈周围拖动时会闪烁白色和黑色?

0 投票
1 回答
556 浏览

javascript - Javascript:为getImageData将图像加载到画布的正确方法?

我为 html5-canvas 编写了一个简单的无库旋转缩放器,我想知道在使用 getImageData 之前让图像加载到画布的正确方法是什么?

该代码适用于警报,因为它会导致加载图像所需的“中断”。我不想使用 JQuery 或 Ajax。

在这里,我直接在画布上绘图时使用 imageObj.onload。可能不是正确的方法?提前感谢您的反馈和解决方案。

0 投票
1 回答
881 浏览

api - Tumblr 中有一种方法可以在博客名称的同一域中获取媒体图像 URL?

可以说我的博客是http://foo.tumblr.com.

所有帖子的图片都存储在xx.media.tumblr...(例如:https://24.media.tumblr.com/tumblr_kzjlfiTnfe1qz4rgho1_250.jpg)(前2个数字可以跳过)

但我希望图像的 URL 与我的博客在同一个域中,并且看起来像这样:

(不存在)

为什么我需要那个?我正在创建一个脚本,它会生成一个canvas检测图像是否具有透明度的一个getImageData(所有.jpg都被跳过),但由于子域不同,我得到一个跨域安全错误,并且canvas被污染,避免使用的getImageData

所以..我该怎么做?

我认为 Tumblr API 可能有用,但如何?

0 投票
1 回答
155 浏览

image - canvas getImageData 两张图片

大家,

我需要获取画布对象中图像的颜色。

这就是我现在正在做的事情:

这就是我想要的,但我有两张图片...一张没有颜色只是绘制...另一个是相同的,但每个部分都有颜色...我想向用户展示..没有颜色的图像......当鼠标悬停时......获得“返回”颜色。

我希望你明白我在这里想要做什么。

我以这种方式添加图像:

这就是方法

任何帮助将不胜感激。

0 投票
1 回答
284 浏览

javascript - Canvas putImageData XOR 问题仅在 iPad 上

有谁知道下面的代码有什么问题。

演示:http: //jsbin.com/xecicovi/1/

它在 Windows 和 android 上运行良好,但光标不一致地在 iPad 上留下一些痕迹。我正在使用 getImageData 和 XOR'ing 位和 putImageData 来绘制和擦除矩形光标块。

0 投票
2 回答
1384 浏览

javascript - html画布有onload功能吗?

我的目标是从一系列 png 图像中创建一个 imageData 数组。

为了做到这一点,我使用 for 循环遍历图像,将它们放在画布中,然后检索创建的 imageData 并将其存储在一个数组中。

问题是图像没有足够的时间加载到画布中。我现在的解决方案是让计时器留出足够的时间,但这太可怕了。

我似乎找不到任何解决这个问题的方法。有没有办法为画布提供“onload”功能?

感谢您的时间。

0 投票
1 回答
347 浏览

javascript - 在javascript中获取像素颜色

这可能是一个非常基本的问题,但由于我是 javascript 的新手,所以我无法找到解决问题的正确方法。我需要做一个 if 语句来检查像素颜色以及它是否为黑色 - 如果不是,则执行某些操作 - 执行其他操作。(这是一个反向传播项目,所以有迭代)

很抱歉问了一些简单的东西,但我没有太多时间来做这件事,所以现在不能从基础开始。