Hisia cha CSS image-rendering

Mefaraguzi na Kifaa cha Kifaa

image-rendering Kina hiki kinasababisha algoriti inayotumiwa kwa kina picha ya uenezi.

Hatarisha:Kina hiki haifai picha inayotumika kwa uenezi.

Mifano

Inaonyesha algoriti mbalimbali inayotumiwa kwa kina picha ya uenezi:

.image {
  height: 100px;
  width: 100px;
  image-rendering: auto;
}
.crisp-edges {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.pixelated {
  image-rendering: pixelated;
}
.smooth {
  image-rendering: smooth;
}
.high-quality {
  image-rendering: high-quality;
}

Tafadhali tukutufe

Inayotumika kwa CSS

image-rendering: auto|smooth|high-quality|crisp-edges|pixelated|initial|inherit;

Maneno ya kina

Maneno Tazama
auto Inaamua algoriti ya kina kwa kina. Chaguo cha kuzingatia wa kawaida.
smooth Kutumia algoriti inayopunguza rangi za picha
high-quality Kama kina na smooth, lakini inapendekeza uenezi wa juu wa kina
crisp-edges Kutumia algoriti inayokusanya kina na uenezi wa picha
pixelated

Kama picha inaonyesha, inatumiwa algoriti ya kina kina kina, kwa hiyo picha inaona kina kina kina kina.

Kama picha inapungua, inafanana na auto.
initial Kuwa na chaguo cha kuzingatia kwa sababu kina kufaa. Tazama: initial.
inherit Kuwa na uhusiano wa kina wa baba kwa sababu kina kufaa. Tazama: inherit.

Mifano ya teknolojia

Chaguo cha kuzingatia: auto
Umeza: yes
Harakati za kufanyia: Haitaki. Tazama:Tambulizi za harakati.
Muda: CSS3
Inayotumika kwa KiJavaScript: object.style.imageRendering="pixelated"

Matumizi ya kina

Maneno ya kati ya tabia inaeza kufikia na kitabu cha kwanza cha kina kwa sababu kina kufaa.

Chrome Edge Firefox Safari Opera
41.0 79.0 65.0 10.0 28.0

Chrome, Edge na Opera kutumia -webkit-optimize-contrast kama kina msingi wa crisp-edges.