कैनवास पर एक छवि फ़िल्टर लागू करता है।
पूर्व निर्धारित विकल्प हैं:
उलटा छवि में रंगों को उलट देता है. किसी पैरामीटर का उपयोग नहीं किया गया है.
ग्रे छवि को ग्रेस्केल में परिवर्तित करता है। किसी पैरामीटर का उपयोग नहीं किया गया है.
सीमा छवि को काले और सफेद में परिवर्तित करता है। ग्रेस्केल मान वाले पिक्सेल किसी दिए गए सीमा से ऊपर सफेद में परिवर्तित हो जाते हैं। बाकी को परिवर्तित कर दिया गया है काला। सीमा 0.0 (काला) और 1.0 (सफ़ेद) के बीच होनी चाहिए। अगर कोई नहीं मान निर्दिष्ट है, 0.5 का उपयोग किया गया है।
अपारदर्शी अल्फ़ा चैनल को पूरी तरह से अपारदर्शी पर सेट करता है। किसी पैरामीटर का उपयोग नहीं किया गया है.
पोस्टराइज़ करें छवि में रंगों की संख्या सीमित करता है. प्रत्येक रंग चैनल तक ही सीमित है निर्दिष्ट रंगों की संख्या. 2 और 255 के बीच के मान मान्य हैं, लेकिन परिणाम कम मूल्यों पर सबसे अधिक ध्यान देने योग्य होते हैं। डिफ़ॉल्ट मान 4 है.
धुंधला छवि को धुंधला कर देता है. धुंधलापन का स्तर धुंधला त्रिज्या द्वारा निर्दिष्ट किया जाता है। बड़ा मान धुंधलापन बढ़ाते हैं। डिफ़ॉल्ट मान 4 है। गाऊसी ब्लर का उपयोग किया जाता है पी2डी मोड में। WEBGL मोड
इरोड प्रकाश क्षेत्रों को कम करता है. किसी पैरामीटर का उपयोग नहीं किया गया है.
फैलाना प्रकाश क्षेत्रों को बढ़ाता है. किसी पैरामीटर का उपयोग नहीं किया गया है.
filter() डिफ़ॉल्ट रूप से पृष्ठभूमि में WebGL का उपयोग करता है क्योंकि यह है और तेज। इसे P2D मोड में false जोड़कर अक्षम किया जा सकता है तर्क, जैसा कि फ़िल्टर(BLUR, गलत)। यह गणना को बंद रखने के लिए उपयोगी हो सकता है जीपीयू या WebGL समर्थन की कमी को दूर करने के लिए।
WebgL मोड में, filter() कस्टम शेडर्स का भी उपयोग कर सकता है। देखना createFilterShader() अधिक के लिए जानकारी.
उदाहरण
सिंटैक्स
filter(filterType, [filterParam], [useWebGL])
filter(filterType, [useWebGL])
filter(shaderFilter)
पैरामीटर्स
either THRESHOLD, GRAY, OPAQUE, INVERT, POSTERIZE, BLUR, ERODE, DILATE or BLUR.
प्रत्येक फ़िल्टर के लिए अद्वितीय पैरामीटर।
तेजी से उपयोग करना है या नहीं यह नियंत्रित करने के लिए ध्वज WebGL फ़िल्टर (GPU) या मूल छवि फिल्टर (सीपीयू); डिफ़ॉल्ट मान true है.
शेडर जिसे लोड किया गया है, के साथ tex0 वर्दी का उपयोग करते हुए फ्रैग शेडर।