एक सरणी जिसमें कैनवास पर प्रत्येक पिक्सेल का रंग होता है।
रंगों को लाल, हरा, नीला और अल्फा का प्रतिनिधित्व करने वाली संख्याओं के रूप में संग्रहीत किया जाता है (आरजीबीए) मान। पिक्सेल प्रदर्शन के लिए एक आयामी सरणी है कारण.
प्रत्येक पिक्सेल पिक्सेल सरणी में चार तत्वों को रखता है, एक के लिए प्रत्येक आरजीबीए कीमत। उदाहरण के लिए, निर्देशांक (0, 0) पर पिक्सेल अपने RGBA मानों को संग्रहीत करता है पिक्सेल[0], पिक्सेल[1], पिक्सेल[2] पर, और पिक्सेल[3], क्रमशः। निर्देशांक (1, 0) पर अगला पिक्सेल अपने RGBA मानों को संग्रहीत करता है पिक्सेल[4], पिक्सेल[5], पिक्सेल[6], और पिक्सेल[7]। और इसी तरह। पिक्सेल सरणी 100×100 कैनवास में 100 × 100 × 4 = 40,000 तत्व होते हैं।
कुछ डिस्प्ले एक ही रंग को सेट करने के लिए कई छोटे पिक्सेल का उपयोग करते हैं बिंदु। पिक्सेलडेंसिटी() फ़ंक्शन रिटर्न कैनवास का पिक्सेल घनत्व. उच्च घनत्व वाले डिस्प्ले में अक्सर एक होता है पिक्सेलडेंसिटी() 2 में से। प्रदर्शन, 100×100 कैनवास के लिए पिक्सेल सरणी में 200 × 200 × 4 = है 160,000 तत्व।
कैनवास पर एक बिंदु के लिए RGBA मानों तक पहुंचने के लिए थोड़े गणित की आवश्यकता होती है जैसा कि नीचे दिया गया है। loadPixels() समारोह पिक्सेल सरणी तक पहुंचने से पहले कॉल किया जाना चाहिए। updatePixels() फ़ंक्शन होना चाहिए बुलाया कोई भी बदलाव किए जाने के बाद.