pixels

Uint8ClampedArray มีค่าสำหรับพิกเซลทั้งหมดในหน้าต่างแสดงผล ค่าเหล่านี้คือตัวเลข อาร์เรย์นี้เป็นขนาด (รวมถึงปัจจัยที่เหมาะสมสำหรับ pixelDensity) ของหน้าต่างแสดง x4 แทนค่า R, G, B, A เพื่อให้แต่ละพิกเซลเคลื่อนที่จากซ้ายไปขวาในแต่ละแถวจากนั้นให้ลดแต่ละคอลัมน์ Retina และการแสดงความหนาแน่นสูงอื่น ๆ จะมีพิกเซลมากขึ้น [] (โดย pixelDensity ^ 2) ตัวอย่างเช่นถ้าภาพมีขนาด 100x100 พิกเซลจะมี 40,000 ภาพ บนจอแสดงผลจอตาจะมี 160,000 ราย สี่ค่าแรก (ดัชนี 0-3) ในอาร์เรย์จะเป็นค่า R, G, B, A ของพิกเซลที่ (0, 0) ค่าที่สองสี่ (ดัชนี 4-7) จะมีค่า R, G, B, A ของพิกเซลที่ (1, 0) โดยทั่วไปในการกำหนดค่าสำหรับพิกเซลที่ (x, y): `` javascript var d = pixelDensity (); สำหรับ (var i = 0; i แม้ว่าวิธีการข้างต้นจะมีความซับซ้อน แต่ก็มีความยืดหยุ่นพอที่จะทำงานร่วมกับ pixelDensity ใดก็ได้ โปรดทราบว่า set () จะดูแลการตั้งค่าที่เหมาะสมทั้งหมดเป็นพิกเซล [] สำหรับค่าที่กำหนด (x, y) ที่ pixelDensity ใด ๆ แต่ประสิทธิภาพอาจไม่เร็วเท่าที่เมื่อมีการปรับเปลี่ยนค่าพิกเซลมาก ก่อนที่จะเข้าถึงอาร์เรย์นี้ข้อมูลต้องโหลดด้วยฟังก์ชัน loadPixels () หลังจากที่ข้อมูลอาร์เรย์ได้รับการแก้ไขต้องใช้ฟังก์ชัน updatePixels () เพื่ออัพเดตการเปลี่ยนแปลง โปรดทราบว่านี่ไม่ใช่อาร์เรย์ javascript มาตรฐาน ซึ่งหมายความว่าฟังก์ชันจาวาสคริปต์มาตรฐานเช่น slice() หรือ arrayCopy() ไม่ทำงาน

รูปแบบการใช้งาน

pixels

[1]	This document was generated from p5.js whose source code is available on github.