第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

colorpicker顏色對(duì)照

colorpicker顏色對(duì)照

Cats萌萌 2018-08-01 09:11:19
rgb(255, 255, 0)跟#FFFF00都是表示同一種顏色,這兩種表示之間怎么轉(zhuǎn)換的?
查看完整描述

1 回答

?
繁星淼淼

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超11個(gè)贊

先轉(zhuǎn)化為數(shù)組,再轉(zhuǎn)化為想要的格式,提供如下代碼供參考,最近剛修改的,新增了對(duì)透明度的支持

var toArray = function(value) {

    if (/^#[A-Za-z0-9]{3}$/.test(value)) {

        value = value.replace(/#/, "");

        var arr = [];

        arr[0] = parseInt(value.substr(0, 1) + value.substr(0, 1), 16);

        arr[1] = parseInt(value.substr(1, 1) + value.substr(1, 1), 16);

        arr[2] = parseInt(value.substr(2, 1) + value.substr(2, 1), 16);

        arr[3] = 1;

        return arr;

    }

    if (/^#[A-Za-z0-9]{6}$/.test(value)) {

        value = value.replace(/#/, "");

        var arr = [];

        arr[0] = parseInt(value.substr(0, 2), 16);

        arr[1] = parseInt(value.substr(2, 2), 16);

        arr[2] = parseInt(value.substr(4, 2), 16);

        arr[3] = parseInt(1);

        return arr;

    }

    if (/^#[A-Za-z0-9]{8}$/.test(value)) {

        value = value.replace(/#/, "");

        var arr = [];

        arr[0] = parseInt(value.substr(2, 2), 16);

        arr[1] = parseInt(value.substr(4, 2), 16);

        arr[2] = parseInt(value.substr(6, 2), 16);

        arr[3] = parseInt(value.substr(0, 2), 16) / 255;

        return arr;

    }

    if (/^rgb\([0-9,\.\s]+\)$/.test(value)) {

        var arr = value.replace(/(rgb\(|\))/gi, "").split(/,\s*/);

        arr[0] = parseInt(arr[0]);

        arr[1] = parseInt(arr[1]);

        arr[2] = parseInt(arr[2]);

        arr[3] = 1;

        return arr;

    }

    if (/^rgba\([0-9,\.\s]+\)$/.test(value)) {

        var arr = value.replace(/(rgb\(|\))/gi, "").split(/,\s*/);

        arr[0] = parseInt(arr[0]);

        arr[1] = parseInt(arr[1]);

        arr[2] = parseInt(arr[2]);

        arr[3] = parseInt(arr[3]);

        return arr;

    }

    return null;

},


toHex = function(num) {

    var hex;

    num = (num >= 0 && num <= 255) ? num: 0;

    hex = num.toString(16);

    return hex.length === 2 ? hex: '0' + hex;

},


toValue = {

    rgb: function(arr) {

        return 'rgb(' + arr[0] + ',' + arr[1] + ',' + arr[2] + ')';

    },

    rgba: function(arr) {

        return 'rgb(' + arr[0] + ',' + arr[1] + ',' + arr[2] + ',' + arr[3] + ')';

    },

    hex6: function(arr) {

        return '#' + toHex(arr[0]) + toHex(arr[1]) + toHex(arr[2]);

    },

    hex8: function(arr) {

        return '#' + toHex(arr[0]) + toHex(arr[1]) + toHex(arr[2]) + toHex(arr[3] * 255);

    }

};

正則寫得不嚴(yán)謹(jǐn),也不簡(jiǎn)潔,只能以后再折騰了。

查看完整回答
反對(duì) 回復(fù) 2018-09-22
  • 1 回答
  • 0 關(guān)注
  • 724 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)