从图像中提取RGB通道

Question

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

Answer 1

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

您可能需要查看

• http://lokeshdhakar.com/projects/color-thief/
• getPixel from HTML Canvas?
• How to fetch a remote image to display in a canvas?
• How to add image to canvas

Answer 2

获取基本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?