当前位置: 首页 > 面试题库 >

用户单击时如何使用JavaScript或jQuery读取图像的像素?

阳狐若
2023-03-14
问题内容

用户单击时,如何使用JavaScript或jQuery读取图像像素的颜色?(当然,通过预订click事件,我们可以获得此像素的(x,y)值)。


问题答案:

如果可以在canvas元素中绘制图像,则可以使用该getImageData方法返回包含RGBA值的数组。

var img = new Image();
img.src = 'image.jpg';
var context = document.getElementById('canvas').getContext('2d');
context.drawImage(img, 0, 0);
data = context.getImageData(x, y, 1, 1).data;


 类似资料:
  • 我想用javascript onclick创建一个事件,它将启用单击的图像并禁用其他图像。 例如,如果我有6张图片,我如何做:我想点击任何图片,例如图片3,那么图片3将被启用,图片1、2、4、5、6将被禁用。 几秒钟后,我想点击1号图片,然后它会变得活跃,而2,3,4,5,6会被禁用。 我怎么能这么做?

  • 问题内容: 我有一个原始图像,其中每个像素对应一个16位无符号整数。我正在尝试使用PIL Image.fromstring()函数进行读取,如以下代码所示: PIL文档通知fromstring()函数的第一个参数为’mode’。但是,在查阅文档并进行谷歌搜索时,我无法找到有关该参数真正含义的详细信息(我相信它与色彩空间或类似的东西有关)。有谁知道我在哪里可以找到有关fromstring()函数以及

  • 我目前正在为我正在制作的一款游戏进行单元测试,但在maven身上遇到了一个奇怪的错误,我无法理解。 我已经运行了,现在我的测试失败了。 以下是我在运行mvn测试-X时遇到的错误: 这是我的Maven文件: 这是JUnit测试的代码: 下面是我得到错误的代码: 我很确定它与maven文件有关,但我不确定它是什么。也许是我正在使用的图像阅读库?任何帮助都将不胜感激。

  • 问题内容: 我正在尝试通过JavaScript显示图像,但是我不知道该怎么做。我有以下 在HTML中 我不知道该在哪里放类似的东西。 HTML?或者别的地方… 问题答案: 您可以使用Javascript DOMAPI。特别是,请查看createElement()方法。 您可以创建一个可重复使用的函数,以创建一个像这样的图像… 然后您可以像这样使用它…

  • 下面是我正在尝试的代码 png是我保存在项目中的一个图像文件。首先,我搜索它,然后点击它。 任何人都可以帮助我如何实现这一点。任何帮助都将得到高度赞赏。

  • 问题内容: 我正在开发一个允许通过单击直接在照片上标记的应用程序(例如Facebook,flickr等)。但是,我似乎无法为单击照片注册正确的坐标。问题在于,x坐标似乎是浏览器窗口(而不是照片)内单击的绝对x距离,而y坐标通常为负或难以置信的很小(顶部附近为负,底部附近为小)。这些是我在左上角附近单击时获得的值(应该注册为0或附近的值:“ x” =>“ 219”,“ y” =>“-311” … 2