जावास्क्रिप्ट का उपयोग कर किसी पृष्ठ में किसी छवि का आरजीबी मान कैसे प्राप्त करें?

Question

मैं एक बुकमार्क बनाने की कोशिश कर रहा हूं। लेकिन मैं एक बिंदु पर अटक गया हूँ। मुझे "अगला के लिए" कथन का उपयोग करके बहुत एक्स पिक्सेल की छवि के आरजीबी या रंग मान निकालने की आवश्यकता है। लेकिन मुझे नहीं पता कि आरजीबी मूल्य निकालने के लिए कौन सा फ़ंक्शन मेरी मदद कर सकता है। क्या कोई मुझे उस समारोह में मदद कर सकता है जो किसी चित्र में किसी दिए गए बिंदु के आरसीजी के मूल्य को बताता है?

Answer 1

आप use a canvas कर सकते हैं।

Answer 2

यह एक कठिन सवाल है। मानक डीओएम में मुझे कोई विधि नहीं है जो आपको <img> में पिक्सल के आरजीबी मान निकालने की अनुमति देगी।

हालांकि, अगर आप HTML5 में खोदने के इच्छुक हैं, तो आप <canvas> element का लाभ उठा सकते हैं। आप कैनवास (.drawImage()) में एक छवि लोड कर सकते हैं और फिर उन आरजीबी मान प्राप्त कर सकते हैं जिन्हें आप ढूंढ रहे हैं (.getImageData(); SLaks ’ उत्तर में लिंक देखें)। बेशक, यह IE8 पर काम नहीं करेगा क्योंकि यह <canvas> का समर्थन नहीं करता है।

पिक्सेल डेटा प्राप्त करने के लिए एक वेब सेवा को AJAX कॉल करने का एक वैकल्पिक विकल्प हो सकता है। सर्वर-साइड स्क्रिप्ट छवि लोड कर सकती है, आरजीबी मान प्राप्त कर सकती है, और इसे अपने बुकमार्कलेट में जेएसओएन के रूप में वापस कर सकती है। यह स्पष्ट रूप से एक सर्वर पर एक roundtrip की विलंबता जोड़ता है, लेकिन अधिक संगत है। (हालांकि क्रॉस-डोमेन मुद्दों पर भी विचार करें।)