RGB和RGBA之间的转换（实用、赞）

最新推荐文章于 2024-08-01 01:58:11 发布

chelen_jak

最新推荐文章于 2024-08-01 01:58:11 发布

阅读量3.7k

点赞数

分类专栏： JavaScript 实用赞

原文链接：https://blog.csdn.net/hai2653068/article/details/91883082

版权

实用同时被 3 个专栏收录

738 篇文章 4 订阅

订阅专栏

JavaScript

311 篇文章 3 订阅

订阅专栏

205 篇文章 0 订阅

订阅专栏

原文出处：https://blog.csdn.net/hai2653068/article/details/91883082

/**
     * rgb转rgba
     * @param color
     * @param alp
     * @returns {string}
     */
    function rgbToRgba(color,alp){
        var r,g,b;
        var rgbaAttr = color.match(/[\d.]+/g);

        if(rgbaAttr.length >=3){
            var r,g,b;
            r = rgbaAttr[0];
            g = rgbaAttr[1];
            b = rgbaAttr[2];
            return 'rgba('+r+','+g+','+b+','+alp+')';
        }
    }

    /**
     * rgba转rgb
     * @param color
     * @returns {string}
     */

    function rgbaToRgb(color){debugger;
        var rgbaAttr = color.match(/[\d.]+/g);
        if(rgbaAttr.length >=3){
            var r,g,b;
            r = rgbaAttr[0];
            g = rgbaAttr[1];
            b = rgbaAttr[2];
            return 'rgb('+r+','+g+','+b+')';
        }
        return '';
    }

    /**
     * 获取rgba中的透明度
     * @param color
     * @returns {number}
     */
    function getRgbaAlp(color){
        var alp = 1;
        var rgbaReg = /rgba\([\d ]+(?:\,([\d. ]+)){3}\)/;
       if(rgbaReg.test(color)){
           alp = color.replace(rgbaReg,'$1');
        }
        return alp;
    }