मैंने फ़ायरफ़ॉक्स की फ़िल्टर सीएसएस संपत्ति को मुद्रित पृष्ठ पर ठीक से ग्रेस्केल में लाने में समस्या का सामना किया है। किसी कारण से, ग्रेस्केल छवि प्रिंटआउट पर दिखाई नहीं दे रही है, हालांकि यह ऑनस्क्रीन के रूप में प्रदर्शित होती है। this one जैसे प्रश्नों की चर्चा करते हुए के बाद, मैं इस बिंदु (मुद्दे प्रदर्शित करने के लिए सरलीकृत) करने के लिए मिल गया है:फ़ायरफ़ॉक्स फ़िल्टर ग्रेस्केल और प्रिंटिंग
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
filter: grayscale(100%);
}
img {
width:100px;
}
</style>
</head>
<body>
<img class="grayscale" src="http://alltheragefaces.com/img/faces/png/rage-nuclear.png" />
<img src="http://alltheragefaces.com/img/faces/png/rage-nuclear.png" />
</body>
</html>
और यहाँ fiddle
है वहाँ इस के लिए एक व्यवहार्य समाधान नहीं है, या मैं कुछ कर रहा हूँ गलत? फ़िल्टर को अन्य तत्वों में लागू करना एक ही समस्या का कारण बनता है। मैं किसी भी रचनात्मक इनपुट की सराहना करता हूं।
नोट: फ़ायरफ़ॉक्स v20.0.1
+1 बचाने के कैसे एक जटिल सवाल ठीक से पूछने के लिए जानते हुए भी के लिए मदद करता है। –
तो बस स्पष्टीकरण के लिए, जब आप स्क्रीन पर देखते हैं तो छवि ग्रेस्केल होती है लेकिन जब आप स्क्रीन की सामग्री प्रिंट करते हैं तो ग्रेस्केल मुद्रित छवि (पेपर पर) पर लागू नहीं होता है। – jezzipin
बंद करें, बल्कि ग्रेस्केल वाली छवि बिल्कुल दिखाई नहीं दे रही है। मिसाल के तौर पर, यहां तक कि फिडल पेज को प्रिंट करने से केवल रंगीन छवि दिखाई देगी, जबकि ग्रेस्केल छवि दिखाई नहीं दे रही है (हालांकि लेआउट स्पेस अभी भी संरक्षित है)। – dasch88