本文共 1105 字，大约阅读时间需要 3 分钟。

主要JS

/**清除图片背景颜色 **/function removeImgBg(img) {    //背景颜色  白色    const rgba = [255, 255, 255, 255];    // 容差大小    const tolerance = 60;    var imgData = null;    const [r0, g0, b0, a0] = rgba;    var r, g, b, a;    const canvas = document.createElement('canvas');    const context = canvas.getContext('2d');    const w = img.width;    const h = img.height;    canvas.width = w;    canvas.height = h;    context.drawImage(img, 0, 0);    imgData = context.getImageData(0, 0, w, h);    for (let i = 0; i < imgData.data.length; i += 4) {        r = imgData.data[i];        g = imgData.data[i + 1];        b = imgData.data[i + 2];        a = imgData.data[i + 3];        const t = Math.sqrt((r - r0) ** 2 + (g - g0) ** 2 + (b - b0) ** 2 + (a - a0) ** 2);        if (t <= tolerance) {            imgData.data[i] = 0;            imgData.data[i + 1] = 0;            imgData.data[i + 2] = 0;            imgData.data[i + 3] = 0;        }    }    context.putImageData(imgData, 0, 0);    const newBase64 = canvas.toDataURL('image/png');    img.src = newBase64;}

测试示例：

清除前： 

清除后： 

转载地址：http://gskbb.baihongyu.com/