Ölçek Görüntü yumuşatmadan CSS hareketli piksel resim

Question

Css hareketli piksel resimlerini ölçeklendirmeye çalışıyorum ve kenar yumuşatma/görüntü yumuşatmayı TAMAMEN devre dışı bırakmak istiyorum. Burada bu yazı Başına

: Disable antialising when scaling images Ben Chrome ve I.E. içinde ancak, içinde ateş istemiş gibi aynen çalıştı aşağıdaki css

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

denedi Bu biraz yardımcı olur, ancak bazı görüntü enterpolasyonu/yumuşatma/anti-aliasing hala oluşuyor.

Bir tuval öğesi kullanmak istemiyorum, bunun yerine yalnızca CSS arka plan resmi spriteları ile yapıştırmak istemiyorum.

Diğer tarayıcılarda “-moz-crisp-edge” ile aynı sonuçları elde etmenin bir yolu var mı?

Answer 1

Kötü haber: seçenekleriniz ya tuval kullanarak JavaScript kullanarak veya Chrome ve I.E. anti-aliasing ile yaşıyoruz gibi

Maalesef, görünüşe

Bağlantılar::

1. Javascript-Only Solution - Old, slow, but works everywhere
2. Eğer anti-aliasing ile yaşamaya seçmezseniz İşte
   diğer iki biriyle size yardımcı olabilecek bazı yanıtları vardır Canvas solution - New, quicker, doesn't work in non-compliant browsers

Sor Bu konuda senin için daha iyi haber yok.