जावास्क्रिप्ट

में किसी छवि को आरजीबी सरणी में कनवर्ट करें क्या जावास्क्रिप्ट में पीएनजी या बीएमपी छवि से पिक्सेल की सरणी प्राप्त करना संभव है? मैं एक छवि से एक आरजीबी सरणी प्राप्त करना चाहता हूं ताकि मैं पिक्सल की सरणी में हेरफेर कर सकूं और फिर संशोधित छवि को कैनवास पर खींच सकूं।जावास्क्रिप्ट

अद्यतन: how to get the RGB value of an image in a page using javascript?

हालांकि, जवाब कैसे वास्तव में इस समस्या को हल करने के लिए के बारे में ज्यादा विस्तार में जाने नहीं है: मैं यहाँ एक सटीक डुप्लिकेट मिला।

स्रोत

2012-05-06 Anderson Green

यदि आप उस प्रश्न के उत्तर के लिंक पर क्लिक करते हैं तो यह आपको छवि में प्रत्येक पिक्सेल के रंग को कैसे घुमाने के विस्तृत विवरण पर ले जाता है। उस कोड को पिक्सेल की सरणी को संग्रहीत करने के लिए कनवर्ट करना छोटा होना चाहिए। – JaredMcAteer

https://developer.mozilla.org/en/Canvas_tutorial –

संभावित डुप्लिकेट देखें [जावास्क्रिप्ट का उपयोग कर किसी पृष्ठ में किसी छवि का आरजीबी मान कैसे प्राप्त करें?] (Http://stackoverflow.com/questions/2754865/how -to-get-the-rgb-value-of-an-image-in-a-page-use-जावास्क्रिप्ट) –

एचटीएमएल कैनवास imageData का उपयोग करने के बारे में नेट पर सौ ट्यूटोरियल हैं, जो कैनवास के आरजीबीए मान प्राप्त करते हैं। कैनवास छवि डेटा के लिए एक खोज करें और आपको बहुत सारी जानकारी मिल जाएगी।

आपको बस इतना करना है:

ctx.drawImage(img, 0, 0); 
var imgData = ctx.getImageData(x, y, width, height).data;

imgData अब एक सरणी जहां हर 4 स्थानों प्रत्येक पिक्सेल हो रहा है। तो [0][1][2][3] पहले पिक्सेल के [r][g][b][a] हैं।

स्रोत

2012-05-07 01:06:55

"img" का पैरामीटर प्रकार क्या होना चाहिए? क्या यह एक छवि वस्तु होनी चाहिए, या यह एक स्ट्रिंग के रूप में छवि यूआरएल होना चाहिए? –

@AndersonGreen छवि ऑब्जेक्ट का एक उदाहरण, आप इसे या तो DOM के माध्यम से प्राप्त कर सकते हैं, एक नया बनाकर: var varg = new image(); img.src = "http: // ..." या img.src = "डेटा: छवि/जेपीईजी; बेस 64, ...." ' – Mustafa

मेरे पास

जावास्क्रिप्ट

उत्तर

संबंधित मुद्दे