Javascript 从图像中提取RGB通道

Javascript 从图像中提取RGB通道,javascript,image-processing,Javascript,Image Processing,是否可以使用javascript从任何类型的图像中提取颜色?我还需要图像中每种颜色的百分比。是的,这是可能的。您需要将图像加载到画布上。然后可以提取每个任意x、y坐标上的颜色 你可能想看看 要获取基本64编码图像数据 function getBase64FromImage(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height =

是否可以使用javascript从任何类型的图像中提取颜色?我还需要图像中每种颜色的百分比。

是的,这是可能的。您需要将图像加载到画布上。然后可以提取每个任意x、y坐标上的颜色

你可能想看看


要获取基本64编码图像数据

function getBase64FromImage(img) {
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;

    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);

    return canvas.toDataURL("image/png").replace(/^data:image\/(png|jpg);base64,/, "");
}
您可能希望让一个库处理图像数据,而不是自己处理: