स्केल सीएसएस स्प्राइट पिक्सेल कला बिना छवि चिकनाई

Question

मैं सीएसएस स्प्राइट पिक्सेल कला छवियों को स्केल करने की कोशिश कर रहा हूं और पूरी तरह से एंटी-एलियासिंग/छवि चिकनाई को अक्षम करना चाहता हूं।

इस पोस्ट यहाँ प्रति: Disable antialising when scaling images मैं क्रोम और अर्थात में निम्नलिखित सीएसएस

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; 

यह बिल्कुल काम किया है जैसे मैं फ़ायरफ़ॉक्स में चाहता था की कोशिश की है लेकिन, यह थोड़ा सा मदद करता है, लेकिन कुछ छवि इंटरपोलेशन/स्मूथिंग/एंटी-एलियासिंग अभी भी हो रहा है।

मैं कैनवास तत्व का उपयोग नहीं करना चाहता, बल्कि सीएसएस पृष्ठभूमि छवि sprites के साथ बस रहना चाहता हूँ।

क्या अन्य ब्राउज़रों में "-moz-crisp-edges" के समान परिणाम प्राप्त करने का कोई तरीका है?

Answer 1

बुरी खबर:

दुर्भाग्य से, ऐसा लगता है कि अपने विकल्पों को या तो, कैनवास का उपयोग कर रहे जावास्क्रिप्ट का उपयोग, या क्रोम और अर्थात में विरोधी aliasing के साथ रहने वाले की तरह

यहाँ कुछ प्रतिक्रियाओं है कि आप अन्य दो में से एक के साथ मदद कर सकता है आप विरोधी aliasing साथ रहने के लिए नहीं चुनते हैं, तो:

लिंक:

1. Javascript-Only Solution - Old, slow, but works everywhere
2. Canvas solution - New, quicker, doesn't work in non-compliant browsers

सॉर इस पर आपके लिए बेहतर समाचार नहीं है।