如何从纹理中读取像素的颜色(cocos2d-js)？

Question

如何从纹理(在cocos2d-js中)读取x，y处像素的颜色？

Answer 1

我认为在cocos2d框架中没有这样的支持，如果有人能做到这一点，这可能是一个更好的答案。

但是，cc.Texture2D确实有一个getHtmlElementObj()函数。现在，此函数既可以返回图像元素，也可以返回画布元素。如果它返回一个图像，你需要用它做一个画布，就像；

var canvas = $('<canvas/>')[0];
canvas.width = img.width;
canvas.height = img.height;
canvas.getContext('2d').drawImage(img, 0, 0, img.width, img.height);

一旦你有了一个画布元素，你应该能够得到一个像素的颜色：

var data = canvas.getContext('2d').getImageData(x, y, 1, 1).data;
var color = new Color([data[0], data[1], data[2]]);

为了便于测试，下面是如何测试getHtmlElementObj()是否返回图像：

function isImage(i) {
    return i instanceof HTMLImageElement;
}

祝好运!