Question

我正在使用cordova 6.1.1。我的屏幕上有一个图像，我想知道我点击的像素颜色。我知道如何在原生android中做到这一点，但我想在cordova中做到这一点。

以下是我用来捕捉触摸事件的代码。

document.getElementById('image').addEventListener('touchstart', function(event) {
  console.log('got click start event' + event);
});

我正在接触Touch事件，但不确定如何识别像素及其触摸颜色。

感谢。

Answer 1

您可以使用以下代码

获取触摸元素

function touchStart(event){
  var currentElement = event.target;
}

获得触摸元素后，获取其属性应该是直截了当的。

Answer 2

使用javascript我们可以做到这一点。但是，您必须使用<image>而不是<canvas>。在你的事件监听器函数中放入这段代码。

var myImg = new Image();
myImg.src = 'image.jpg';
var x1, y1, x2, y2;   // change your coordinates value according to your need;  
x1 = 1;  
y1 = 1;
x2 = 0;
y2 = 0;
var context = document.getElementById('canvas').getContext('2d');
context.drawImage(myImg, 0, 0);
data = context.getImageData(x1, y1, x2, y2).data;

然后数据是具有像素颜色的数组。该数组将包含r，g，b和一个值。

科尔多瓦：得到我点击的颜色

2 个答案: