p5.Image

एक छवि का वर्णन करने के लिए एक वर्ग।

छवियाँ पिक्सेल के आयताकार ग्रिड हैं जिन्हें प्रदर्शित किया जा सकता है संशोधित.

मौजूदा छवियों को कॉल करके लोड किया जा सकता है loadImage()। खाली छवियाँ बनाई जा सकती हैं द्वारा createImage() को कॉल करना। p5.Image ऑब्जेक्ट फ़िल्टर लागू करने और संशोधित करने जैसे सामान्य कार्यों के लिए तरीके हैं पिक्सेल मान.

उदाहरण

सिंटैक्स

p5.Image(चौड़ाई, ऊंचाई)

पैरामीटर्स

चौड़ाई
संख्या:
ऊंचाई
संख्या:

मेथड्स

pixelDensity

उच्च पिक्सेल घनत्व डिस्प्ले के लिए पिक्सेल घनत्व प्राप्त या सेट करता है।

डिफ़ॉल्ट रूप से, घनत्व 1 पर सेट किया जाएगा।

डिफ़ॉल्ट घनत्व प्राप्त करने या पास करने के लिए बिना किसी तर्क के इस विधि को कॉल करें घनत्व निर्धारित करने के लिए एक संख्या में। यदि कोई गैर-धनात्मक संख्या प्रदान की जाती है, यह डिफ़ॉल्ट मान 1 हैहै।

loadPixels

छवि में प्रत्येक पिक्सेल का वर्तमान मान लोड करता है img.पिक्सेल सारणी.

img.loadPixels() को पढ़ने से पहले कॉल किया जाना चाहिए पिक्सेल को संशोधित करना मान.

updatePixels

कैनवस को RGBA मानों के साथ अपडेट करता है img.पिक्सेल सरणी।

img.updatePixels() को बदलने के बाद ही कॉल करना होगा में मान img.पिक्सेल सरणी। ऐसा परिवर्तन हो सकते हैं कॉल करने के बाद सीधे बनाया गया img.loadPixels() या द्वारा कॉलिंग img.set().

वैकल्पिक पैरामीटर x, y, चौड़ाई, और ऊंचाई परिभाषित करते हैं अद्यतन करने के लिए छवि का उपधारा. ऐसा करने से प्रदर्शन में सुधार हो सकता है कुछ मामले.

यदि छवि GIF से लोड की गई थी, तो कॉलिंग img.updatePixels() मौजूदा फ्रेम में पिक्सल को अपडेट करेगा।

get

छवि से एक पिक्सेल या पिक्सेल का एक क्षेत्र प्राप्त करता है।

img.get() का उपयोग करना आसान है लेकिन यह उतना तेज़ नहीं है img.पिक्सेल। उपयोग img.पिक्सेल कई पिक्सेल पढ़ने के लिए मान.

बिना किसी पैरामीटर वाला img.get() का संस्करण लौटाता है संपूर्ण छवि.

दो मापदंडों के साथ img.get() का संस्करण, जैसा कि इसमें है img.get(10, 20), उन्हें निर्देशांक के रूप में व्याख्या करता है। यह के साथ एक सरणी लौटाता है [आर, जी, बी, ए] दिए गए बिंदु पर पिक्सेल का मान।

चार मापदंडों के साथ img.get() का संस्करण, जैसा कि इसमें है img,get(10, 20, 50, 90), उनकी व्याख्या इस प्रकार करता है निर्देशांक और आयाम. पहले दो पैरामीटर निर्देशांक हैं उपधारा के ऊपरी-बाएँ कोने में। अंतिम दो पैरामीटर हैं उपधारा की चौड़ाई और ऊंचाई. यह का एक उपधारा लौटाता है एक नए p5.Image ऑब्जेक्ट में कैनवास।

img.get() का उपयोग करें सीधे काम करने के लिए href='/reference/p5/get'>get() छवियों के साथ.

set

एक छवि के भीतर एक या अधिक पिक्सेल का रंग सेट करता है।

img.set() का उपयोग करना आसान है लेकिन यह उतना तेज़ नहीं है img.पिक्सेल। उपयोग img.पिक्सेल कई पिक्सेल सेट करने के लिए मान.

img.set() पहले दो मापदंडों की व्याख्या x- और के रूप में करता है y-निर्देशांक. यह अंतिम पैरामीटर को ग्रेस्केल मान के रूप में व्याख्या करता है, एक [आर, जी, बी, ए]पिक्सेल सरणी, एक p5.Color ऑब्जेक्ट, या कोई अन्य p5.Image ऑब्जेक्ट।

img.updatePixels() अवश्य कहा जाना परिवर्तनों को प्रदर्शित करने के लिए img.set() का उपयोग करने के बाद।

resize

छवि को दी गई चौड़ाई और ऊंचाई के अनुसार आकार देता है।

किसी भी चीज़ के लिए 0 पास करके छवि का मूल पक्षानुपात बनाए रखा जा सकता है चौड़ाई या ऊंचाई। उदाहरण के लिए, कॉल करना एक छवि पर img.resize(50, 0) वह 500 × 300 पिक्सेल था, उसका आकार बदलकर 50 × 30 पिक्सेल कर दिया जाएगा।

copy

स्रोत छवि से पिक्सेल को इस छवि में कॉपी करता है।

पहला पैरामीटर, srcImage, एक वैकल्पिक है p5.Image कॉपी करने के लिए ऑब्जेक्ट। यदि कोई स्रोत छवि नहीं है पास हो गया, तो img.copy() इस छवि के एक क्षेत्र को कॉपी कर सकता है एक और क्षेत्र.

अगले चार पैरामीटर, sx, sy, sw, और sh क्षेत्र निर्धारित करते हैं स्रोत छवि से कॉपी करने के लिए. (sx, sy) शीर्ष-बाएँ है के कोने क्षेत्र। sw और sh क्षेत्र की चौड़ाई हैं और ऊंचाई.

अगले चार पैरामीटर, dx, dy, dw, और dh क्षेत्र निर्धारित करते हैं इस छवि की प्रतिलिपि बनाने के लिए. (dx, dy) ऊपरी बाएँ कोने में है की क्षेत्र। dw और dh क्षेत्र की चौड़ाई हैं और ऊंचाई.

कॉलिंग img.copy() स्रोत से पिक्सेल को स्केल करेगा क्षेत्र यदि ऐसा नहीं है गंतव्य क्षेत्र के समान आकार।

mask

छवि के एक हिस्से को दूसरे हिस्से से छिपा देता है।

img.mask() दूसरे p5.Image ऑब्जेक्ट इस छवि के लिए अल्फा चैनल को अल्फा चैनल के रूप में उपयोग करें। मुखौटे संचयी हैं और एक बार लगाने के बाद हटाया नहीं जा सकता.

filter

Applies an image filter to the image.

The preset options are:

INVERT Inverts the colors in the image. No parameter is used.

GRAY Converts the image to grayscale. No parameter is used.

THRESHOLD Converts the image to black and white. Pixels with a grayscale value above a given threshold are converted to white. The rest are converted to black. The threshold must be between 0.0 (black) and 1.0 (white). If no value is specified, 0.5 is used.

OPAQUE Sets the alpha channel to be entirely opaque. No parameter is used.

POSTERIZE Limits the number of colors in the image. Each color channel is limited to the number of colors specified. Values between 2 and 255 are valid, but results are most noticeable with lower values. The default value is 4.

BLUR Blurs the image. The level of blurring is specified by a blur radius. Larger values increase the blur. The default value is 4. A gaussian blur is used in P2D mode. A box blur is used in WEBGL mode.

ERODE Reduces the light areas. No parameter is used.

DILATE Increases the light areas. No parameter is used.

blend

किसी अन्य छवि से पिक्सेल के एक क्षेत्र को इस छवि में कॉपी करता है।

पहला पैरामीटर, srcImage, है p5.Image मिश्रण करने के लिए ऑब्जेक्ट।

अगले चार पैरामीटर, sx, sy, sw, और sh क्षेत्र निर्धारित करते हैं स्रोत छवि से मिश्रण करने के लिए. (sx, sy) शीर्ष-बाएँ है के कोने क्षेत्र। sw और sh क्षेत्र की चौड़ाई और हैं ऊंचाई.

अगले चार पैरामीटर, dx, dy, dw, और dh क्षेत्र निर्धारित करते हैं मिश्रण करने के लिए कैनवास का. (dx, dy) ऊपरी बाएँ कोने में है की क्षेत्र। dw और dh क्षेत्र की चौड़ाई और हैं ऊंचाई.

दसवां पैरामीटर, ब्लेंडमोड, उपयोग किए गए प्रभाव को सेट करता है छवियों को मिश्रित करें' रंग की। विकल्प हैं ब्लेंड, डार्केस्ट, सबसे हल्का, अंतर, गुणा, बहिष्करण, स्क्रीन, प्रतिस्थापित करें, ओवरले, हार्ड_लाइट, SOFT_LIGHT, चकमा, जलाना, जोड़ें, या सामान्य

save

छवि को एक फ़ाइल में सहेजता है।

डिफ़ॉल्ट रूप से, img.save() छवि को PNG छवि के रूप में सहेजता है बुलाया untitled.png.

पहला पैरामीटर, फ़ाइल नाम, वैकल्पिक है। यह एक स्ट्रिंग है जो सेट करता है फ़ाइल का नाम. यदि कोई फ़ाइल एक्सटेंशन शामिल है, जैसे कि img.save('drawing.png'), फिर छवि का उपयोग करके सहेजा जाएगा वह प्रारूप.

दूसरा पैरामीटर, एक्सटेंशन, भी वैकल्पिक है। यह सेट हो जाता है फ़ाइलें स्वरूप. या तो 'png' या 'jpg' का उपयोग किया जा सकता है। उदाहरण के लिए, img.save('ड्राइंग', 'jpg') कैनवास को drawing.jpg

नामक फ़ाइल में सहेजता है

ध्यान दें: ब्राउज़र या तो फ़ाइल को तुरंत सहेज लेगा या संकेत देगा उपयोगकर्ता एक संवाद विंडो के साथ.

छवि केवल एनिमेटेड GIF के रूप में डाउनलोड की जाएगी यदि इसे लोड किया गया हो GIF फ़ाइल से. saveGif() देखें नया निर्माण जीआईएफ.

reset

एक एनिमेटेड GIF को उसके पहले फ्रेम पर पुनः प्रारंभ करता है।

getCurrentFrame

एनिमेटेड GIF में वर्तमान फ़्रेम का इंडेक्स प्राप्त करता है।

setFrame

वर्तमान फ़्रेम को एनिमेटेड GIF में सेट करता है।

numFrames

एनिमेटेड GIF में फ़्रेम की संख्या लौटाता है।

play

एक एनिमेटेड GIF चलाता है जिसे रोका गया था img.pause().

pause

एनिमेटेड GIF को रोकता है।

कॉल करके GIF को फिर से शुरू किया जा सकता है img.play().

delay

एनिमेटेड GIF में फ़्रेम के बीच विलंब को बदलता है।

पहला पैरामीटर, विलंब, विलंब की लंबाई है मिलीसेकंड.

दूसरा पैरामीटर, index, वैकल्पिक है। यदि प्रदान किया गया, केवल फ्रेम index पर इसके विलंब को संशोधित किया जाएगा। अन्य सभी फ़्रेम होंगे रखना उनकी डिफ़ॉल्ट देरी.

Notice any errors or typos? Please let us know. Please feel free to edit src/image/p5.Image.js and open a pull request!

संबंधित संदर्भ