Rumah >hujung hadapan web >tutorial js >Kaedah JavaScript untuk menukar nilai warna heksadesimal kepada kemahiran RGB_javascript

Kaedah JavaScript untuk menukar nilai warna heksadesimal kepada kemahiran RGB_javascript

WBOY
WBOYasal
2016-05-16 16:15:061418semak imbas

Contoh dalam artikel ini menerangkan cara menukar nilai warna heksadesimal kepada RGB menggunakan JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut:


       
       
        16进制颜色值转RGB
       
        *{margin:0; padding:0;font-family:'Microsoft yahei'}
        .ganti{width:400px;height:210px;margin:0 auto;padding-top:40px;}
        .title{text-align:center;display:block}
          borang{width:200px;margin:30px auto;}
          input{outline:none;}
          input[type="button"][cursor:pointer;}
       
       
        fungsi hexToR(h) {
            kembalikan parseInt((cutHex(h)).substring(0, 2), 16)
        }
        fungsi hexToG(h) {
            kembalikan parseInt((cutHex(h)).substring(2, 4), 16)
        }
        fungsi hexToB(h) {
            kembalikan parseInt((cutHex(h)).substring(4, 6), 16)
        }
        fungsi cutHex(h) {
            kembalikan h.charAt(0) == "#" ? h.substring(1, 7) : h
        }
        set fungsiBgColorById(id, sColor) {
            var elems;
            if (document.getElementById) {
                if (elems = document.getElementById(id)) {
                    if (elems.style) elems.style.backgroundColor = sColor;
                }
            }
         }
       

       
       
           

                JavaScript原生16进制颜色值转RGB值
                

                    
              
              


                   R:
G:
                  B:
                             
                                                                                                                                                                                                                                                         


Kesan operasi adalah seperti yang ditunjukkan di bawah:

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn