从图像中提取 RGB 通道 [关闭]

【问题标题】：Extracting RGB channel from an image [closed]从图像中提取 RGB 通道 [关闭]
【发布时间】：2013-12-17 06:53:38
【问题描述】：

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

【问题讨论】：

【解决方案1】：

获取base 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,/, "");
}

您可能希望有一个库来处理图像数据，而不是自己做：

What is the best JavaScript image processing library?

【讨论】：

【解决方案2】：

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

你可能想看看

【讨论】：