在Javascript中获取像素RGB

Question

我有一个从14x14px png获取像素数据的功能。我测试了一下img.src是否有效。我使用的任何像素坐标都会返回一个填充有0的数组。

var RGB = getPixel('spectrum2D.png', 5, 5)

console.log(RGB) // Uint8ClampedArray(4) [0, 0, 0, 0]

function getPixel(url, x, y) {
    var img = new Image();
    img.src = url;
    var canvas = document.createElement('canvas');
    canvas.width = 14
    canvas.height = 14
    var context = canvas.getContext('2d');
    context.drawImage(img, 0, 0);
    return context.getImageData(x, y, 1, 1).data;
}