Bagaimana untuk Melumpuhkan Antialiasing Apabila Menskalakan Imej untuk Tepi Renyah?

Cara Melumpuhkan Antialiasing Semasa Menskala Imej

Apabila menskalakan imej, antialiasing boleh mencipta kesan kabur atau kabur pada tepi. Perkara ini boleh menjadi tidak diingini dalam situasi tertentu, seperti apabila anda ingin mengekalkan garisan yang tajam dan jelas.

Mujurlah, adalah mungkin untuk melumpuhkan antialiasing menggunakan CSS, menghasilkan imej dengan tepi yang jelas dan jelas. Untuk mencapai matlamat ini, gunakan pengisytiharan gaya berikut pada elemen imej:

image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;

Kod CSS ini serasi merentas penyemak imbas, termasuk Safari, Chrome, Opera, Firefox dan Internet Explorer. Ia mengarahkan pelayar untuk memaparkan imej tanpa menggunakan antialiasing, mengekalkan tepi keras.

Atas ialah kandungan terperinci Bagaimana untuk Melumpuhkan Antialiasing Apabila Menskalakan Imej untuk Tepi Renyah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!