国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Jadual Kandungan
Kaedah penggredan nada kulit fitzpatrick
Sapukan pengubah warna kulit menggunakan CSS
Gunakan JavaScript untuk mengeluarkan dan menukar pengubah warna kulit
Memproses urutan ZWJ
had
Isu membimbing pembangunan
Rumah hujung hadapan web tutorial css Menukar Nada Kulit Emoji Programmatik

Menukar Nada Kulit Emoji Programmatik

Apr 02, 2025 pm 04:00 PM

Menukar Nada Kulit Emoji Programmatik

Pengubah nada kulit emoji: Panduan Pemprosesan Programatik

Bukan rahsia lagi bahawa emoji mempunyai pelbagai warna kulit. Terutama dalam teks dan media sosial, mereka sangat popular. ?? (Rising Black Fist) Emojis bahkan dinamakan "Emoji Terbaik 2020" oleh Anugerah Emoji Dunia Emojipedia.

Setiap warna kulit adalah pengubah suai, dan banyak emojis terdiri daripada pengubah dan pengekodan asas yang sesuai dengan aksara tertentu. Malangnya, tidak setiap perpustakaan emoji menyokong pengubah. Tetapi memandangkan popularitinya, pengubah nada kulit emoji lebih banyak daripada ciri "icing on the cake". Selain itu, mereka juga merupakan cara yang bijak untuk bekerja kerana mereka membenarkan kami menulis lebih banyak kod modular dan lebih cekap.

Oleh itu, tujuan artikel ini adalah untuk mengetahui cara memproses pengubah emoji secara programatik. Dengan cara ini, jika anda menghadapi situasi di mana nada kulit tidak disokong, atau ingin membuat varian tersuai emojis lain, anda tahu apa yang perlu dilakukan!

Kaedah penggredan nada kulit fitzpatrick

Pengubah nada kulit secara rasmi ditambah kepada emoji pada tahun 2015 sebagai sebahagian daripada Unicode 8.0. Mereka didasarkan pada kaedah penarafan nada kulit Fitzpatrick, klasifikasi formal nada kulit manusia. Jadual berikut menunjukkan bagaimana watak emoji sepadan dengan jenis Fitzpatrick:

Dalam kes penggunaan yang paling mudah, apabila salah satu daripada watak -watak ini dilampirkan pada emoji yang menyokong pengubah nada kulit, ia mengubah nada kulit emoji.

Dengan kata lain :? ? = ??

Sapukan pengubah warna kulit menggunakan CSS

Untuk beralih antara nada kulit emoji menggunakan CSS, kita akan bermula dengan watak Emoji Asas (?) Dan kemudian pasangkan nada kulit menggunakan ::after pemilih pseudo.

Di samping menggunakan aksara emoji yang diberikan, kita juga boleh menggunakan kod heksadesimal unicode:

Gunakan JavaScript untuk mengeluarkan dan menukar pengubah warna kulit

Bagaimana jika emoji yang diproses telah menggunakan pengubah nada kulit? Untuk melakukan ini, kita perlu melampaui CSS. Berikut adalah contoh menggunakan JavaScript:

Apa yang berlaku di sini? Pertama, kita mulakan dengan emoji bayi dengan Fitzpatrick Type 4. Ia kemudiannya diserahkan kepada fungsi removeModifier , yang mencari pengubah nada kulit dan menghilangkannya dari rentetan. Sekarang kita mempunyai emojis tanpa pengubah, kita boleh menambah sebarang pengubah yang kita suka.

Walaupun pendekatan ini berfungsi untuk banyak emojis, kami mempunyai masalah ketika memperkenalkan pengubah lain. Itulah sebabnya kita perlu berbincang sekarang ...

Memproses urutan ZWJ

Urutan penyambung sifar (ZWJ) adalah seperti perkataan kompaun Unicode. Mereka terdiri daripada dua atau lebih emojis yang dihubungkan dengan penyambung sifar lebar u 200d.

Urutan ZWJ paling biasa digunakan untuk menambah pengubah jantina kepada emojis. Sebagai contoh, weightlifter ditambah ZWJ, ditambah simbol wanita, bersamaan dengan wanita angkat berat (onton? ? ♀? =? Onton ?♀ ?♀ ?♀ ?♀ ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀? ♀?

Apabila memproses urutan ZWJ, anda perlu memberi perhatian kepada perkara berikut:

  • Urutan ini hanyalah cadangan. Mereka datang dari Perikatan Unicode dan tidak dijamin disokong pada setiap platform. Jika platform tidak menyokong mereka, urutan sandaran emojis biasa akan dipaparkan.
  • Jika pengubah nada kulit hadir, ia mesti dimasukkan selepas emoji tetapi sebelum ZWJ.
  • Sesetengah urutan ZWJ mengandungi pelbagai emojis, masing -masing dengan pengubah nada kulit yang berbeza.

Memandangkan maklumat ini, kita perlu membuat perubahan berikut kepada contoh kod sebelumnya:

  • Pengubah nada kulit perlu dimasukkan selepas mana -mana emoji asas, bukan hanya melekat pada akhir emoji.
  • Sekiranya terdapat banyak emojis dalam urutan ZWJ dengan pengubah nada kulit, anda perlu menggantikan pengubah suai untuk setiap emoji.

had

Dari contoh ini, anda dapat melihat batasan konsistensi. Pandangan editor memaparkan setiap watak dalam urutan ZWJ, kecuali pengubah nada kulit, yang segera digunakan untuk emojis yang sepadan. Sebaliknya, konsol atau paparan hasil akan cuba menjadikan watak -watak keseluruhan urutan.

Sokongan untuk ini berbeza dari platform ke platform. Sesetengah editor mungkin cuba menjadikan urutan ZWJ, dan tidak semua pelayar menyokong set urutan ZWJ yang sama.

Di samping itu, menambah nada kulit ke urutan ZWJ memerlukan mengetahui apa yang digunakan sebagai emoji asas. Walaupun ini agak mudah dalam kes di mana emojis disediakan oleh koleksi yang diketahui, perkara -perkara boleh menjadi lebih sukar jika kita mahu dapat mengendalikan input sewenang -wenang dari pengguna.

Juga, ambil perhatian bahawa penyelesaian CSS dalam artikel ini tidak serasi dengan urutan ZWJ.

Isu membimbing pembangunan

Saya telah menyusun beberapa soalan yang mungkin perlu anda tanyakan kepada diri sendiri semasa merancang sistem yang perlu berurusan dengan pengubah nada kulit emoji:

  • Bolehkah saya mengawal apa emojis sistem saya akan berinteraksi?
  • Adakah perpustakaan emoji saya mengandungi maklumat mengenai emojis yang menyokong pengubah nada kulit?
  • Adakah sistem saya perlu menambah, memadam, atau menukar pengubah?
  • Adakah platform saya menyokong urutan ZWJ? Jika ya, yang mana?
  • Adakah sistem saya perlu menyokong urutan ZWJ dengan pengubah nada kulit berganda?

Mudah -mudahan dengan jawapan kepada soalan -soalan ini dan contoh -contoh yang kita lihat di sini, anda akan mempunyai semua yang anda perlukan untuk menyokong pengubah nada kulit emoji apabila diperlukan.

Atas ialah kandungan terperinci Menukar Nada Kulit Emoji Programmatik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apa itu 'menyekat CSS'? Apa itu 'menyekat CSS'? Jun 24, 2025 am 12:42 AM

CSS Blok halaman yang diberikan kerana pelayar melihat CSS dalam talian dan luaran sebagai sumber utama secara lalai, terutamanya dengan stylesheet yang diimport, header sejumlah besar CSS sebaris, dan gaya pertanyaan media yang tidak dapat dioptimumkan. 1. Ekstrak CSS kritikal dan membenamkannya ke HTML; 2. Kelewatan memuatkan CSS bukan kritikal melalui JavaScript; 3. Gunakan atribut media untuk mengoptimumkan pemuatan seperti gaya cetak; 4. Memampatkan dan menggabungkan CSS untuk mengurangkan permintaan. Adalah disyorkan untuk menggunakan alat untuk mengekstrak CSS utama, menggabungkan REL = "Preload" pemuatan asynchronous, dan menggunakan media yang ditangguhkan dengan munasabah untuk mengelakkan pemisahan yang berlebihan dan kawalan skrip kompleks.

Luaran vs CSS Dalaman: Apakah pendekatan terbaik? Luaran vs CSS Dalaman: Apakah pendekatan terbaik? Jun 20, 2025 am 12:45 AM

Thebestapproachforcssdependonstantheproject'ssspecificneeds.forlargerprojects, externalcssisbetterduetomaintainabilityability;

Adakah CSS saya mesti berada di bawah kes? Adakah CSS saya mesti berada di bawah kes? Jun 19, 2025 am 12:29 AM

Tidak, cssdoesnothavetobeinlowercase.however, menggunakanLowerCaseisRecommendorfendfor: 1) Consistencyandreadability, 2) Mengelakkaningerrorsinrelatedtechnologies, 3) potensiformanceBenefits, dan4) peningkatan yang lebih baik.

Kepekaan kes CSS: Memahami apa yang penting Kepekaan kes CSS: Memahami apa yang penting Jun 20, 2025 am 12:09 AM

Cssismostlycase-insensitive, buturlsandfontfamilynamesarecase-sensitif.1) propertiesandvalueslikecolor: merah; arenotcase-sensitif.2) urlsmustmatchtheserver'scase, mis.,

Apakah AutoPrefixer dan bagaimana ia berfungsi? Apakah AutoPrefixer dan bagaimana ia berfungsi? Jul 02, 2025 am 01:15 AM

AutoPrefixer adalah alat yang secara automatik menambah awalan vendor ke atribut CSS berdasarkan skop penyemak imbas sasaran. 1. Ia menyelesaikan masalah mengekalkan awalan secara manual dengan kesilapan; 2. Bekerja melalui borang pemalam postcss, menghuraikan CSS, menganalisis atribut yang perlu diawali, dan menjana kod mengikut konfigurasi; 3. Langkah-langkah penggunaan termasuk memasang pemalam, menetapkan senarai pelayar, dan membolehkan mereka dalam proses membina; 4. Nota termasuk tidak menambah awalan secara manual, menyimpan kemas kini konfigurasi, awalan tidak semua atribut, dan disyorkan untuk menggunakannya dengan preprocessor.

Apakah kaunter CSS? Apakah kaunter CSS? Jun 19, 2025 am 12:34 AM

Csscounterscanautomaticallynumbersectionsandlists.1) useCounter-resettoinitialize, counter-incrementToinCrease, andCounter () orcounters () todisplayvalues.2) CombinWithjavascriptfordynamicContentToenSureAccurateupdates.

CSS: Bilakah kes perkara (dan kapan tidak)? CSS: Bilakah kes perkara (dan kapan tidak)? Jun 19, 2025 am 12:27 AM

Dalam CSS, nama pemilih dan atribut adalah sensitif kes, manakala nilai, warna yang dinamakan, URL, dan atribut tersuai adalah sensitif kes. 1. Nama pemilih dan atribut adalah kes-tidak sensitif, seperti warna latar belakang dan warna latar belakang adalah sama. 2. Warna heksadesimal dalam nilai adalah sensitif kes, tetapi warna bernama adalah sensitif kes, seperti merah dan merah tidak sah. 3. URL adalah sensitif kes dan boleh menyebabkan masalah pemuatan fail. 4. Sifat tersuai (pembolehubah) adalah sensitif kes, dan anda perlu memberi perhatian kepada konsistensi kes apabila menggunakannya.

Apakah fungsi conic-gradient ()? Apakah fungsi conic-gradient ()? Jul 01, 2025 am 01:16 AM

Function-gradient () functionIncsscreatesculculargradientsthatrotatecolorstopsaroundroentroint.1.ISIISIDEALFORPIECHARTS, Progressindicators, Colorwheels, andDecorativeBackgrounds.2.itworksByDefiningColorStopsatSpecificles, OpsticalStarting

See all articles