Rumah > hujung hadapan web > tutorial js > Adakah terdapat Fungsi JavaScript terbina dalam untuk Menukar Nama Warna kepada Kod Hex?

Adakah terdapat Fungsi JavaScript terbina dalam untuk Menukar Nama Warna kepada Kod Hex?

Patricia Arquette
Lepaskan: 2024-11-02 16:51:30
asal
334 orang telah melayarinya

Is there a built-in JavaScript Function to Convert Color Names to Hex Codes?

Fungsi JavaScript untuk Menukar Nama Warna kepada Kod Hex

Soalan:

Wujud fungsi JavaScript terbina dalam untuk menukar nama warna ke dalam perwakilan heksadesimal mereka, seperti menukar 'putih' kepada '#FFFFFF'?

Jawapan:

Tidak, JavaScript tidak menyediakan fungsi terbina dalam sedemikian. Walau bagaimanapun, dengan menggunakan sumber luaran, anda boleh membuat fungsi tersuai:

<code class="javascript">function colourNameToHex(colour) {
  var colours = {
    "aliceblue": "#f0f8ff",
    "antiquewhite": "#faebd7",
    "aqua": "#00ffff",
    "aquamarine": "#7fffd4",
    "azure": "#f0ffff",

    // ... (other color names and hex codes)

    "yellow": "#ffff00",
    "yellowgreen": "#9acd32"
  };

  if (typeof colours[colour.toLowerCase()] != 'undefined') {
    return colours[colour.toLowerCase()];
  }

  return false;
}</code>
Salin selepas log masuk

Fungsi ini menggunakan objek yang dipratakrifkan yang mengandungi nama warna dan kod hex yang sepadan. Dengan menghantar nama warna (cth., 'putih') ke dalam fungsi, anda boleh mendapatkan semula kod hexnya (cth., '#FFFFFF'). Jika nama warna yang diberikan tidak ditemui, fungsi tersebut akan mengembalikan palsu.

Atas ialah kandungan terperinci Adakah terdapat Fungsi JavaScript terbina dalam untuk Menukar Nama Warna kepada Kod Hex?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan