आईओएस: आंशिक रूप से पारदर्शी छवि के अपारदर्शी हिस्सों को रेखांकित करना

Question

मेरे पास एक ऐसा एप्लिकेशन है जिसके लिए एक ठोस ब्लैक रूपरेखा आंशिक रूप से पारदर्शी UIImage के आसपास खींची जाए। छवि के फ्रेम के चारों ओर नहीं, बल्कि छवि के सभी अपारदर्शी हिस्सों के आसपास। यानी, एक पारदर्शी पीएनजी के बारे में सोचें जिसमें एक अपारदर्शी सफेद "एक्स" है - मुझे काले रंग में "एक्स" की रूपरेखा की आवश्यकता है।

मामलों जटिल बनाने के लिए, के बाद रूपरेखा, तैयार की है मूल छवि की अस्पष्टता समायोजित किया जाएगा, लेकिन रूपरेखा अपारदर्शी रहना चाहिए - तो रूपरेखा मैं उत्पन्न केवल रूपरेखा, और नहीं शामिल करने के लिए है मूल छवि।

• एक नया UIView जो मूल छवि के आयाम बनाएं:

  मेरे वर्तमान तकनीक यह है।

• UIImage डुप्लिकेट करें UIView के उप-दृश्यों के रूप में डुप्लिकेट जोड़ें, प्रत्येक UIImage दो पिक्सेल द्वारा मूल स्थान से तिरछे ऑफसेट करें।
• UIView को एक छवि में बदलें (सामान्य UIGraphicsGetImageFromCurrentImageContext विधि के माध्यम से)।
• CGImageMaskCreate और CGImageCreateWithMask का उपयोग करके, इस नई छवि से मूल छवि घटाएं, इसलिए केवल रूपरेखा बनी हुई है।

यह काम करता है। यहां तक ​​कि केवल 4 ऑफ़सेट छवियों के साथ, परिणाम काफी अच्छा लगता है। हालांकि, यह बेहद अक्षम है, और आईफोन 4 पर एक अच्छी ठोस 4-सेकंड देरी का कारण बनता है।

तो मुझे एक ही चीज़ प्राप्त करने के लिए एक अच्छा, तेज़, कुशल तरीका है, जो आईओएस 4.0 द्वारा पूरी तरह से समर्थित है।

कोई भी महान विचार? :)

Answer 1

मैं यह इंगित करना चाहता हूं कि कुछ लोगों ने किनारे का पता लगाने का सुझाव दिया है, यह उचित समाधान नहीं है। एज डिटेक्शन छवि डेटा के भीतर किनारों को ढूंढने के लिए है जहां डेटा में कोई स्पष्ट सटीक किनारा प्रतिनिधित्व नहीं है।

आपके लिए, किनारों को अच्छी तरह से परिभाषित किया गया है, आप अच्छी तरह से परिभाषित रूपरेखा की तलाश में हैं। आपके मामले में एक किनारा कोई पिक्सेल है जो पूरी तरह पारदर्शी पिक्सेल पर है और एक पिक्सेल के बगल में है जो पूरी तरह से पारदर्शी नहीं है, उतना आसान है! छवि में प्रत्येक पिक्सेल के माध्यम से पुनरावृत्त करें और यदि वे इन शर्तों को पूरा करते हैं तो उन्हें काले रंग में सेट करें।

वैकल्पिक रूप से, एंटी-एलाइज्ड परिणाम के लिए, छवि का एक बूलियन प्रतिनिधित्व प्राप्त करें, और इसे एक छोटे से एंटी-एलाइज्ड सर्कल कर्नेल को पास करें। मुझे पता है कि आपने कहा कि कस्टम फ़िल्टर समर्थित नहीं हैं, लेकिन यदि आपके पास छवि डेटा तक सीधी पहुंच है तो इसे हाथ से कार्यान्वित करना बहुत कठिन नहीं होगा ...

चीयर्स, उम्मीद है कि इससे मदद मिलती है।

Answer 2

आपको केवल edge detection एल्गोरिदम लागू करने की आवश्यकता है, लेकिन किनारों के किनारे निर्धारित करने के लिए चमक या रंग का उपयोग करने की बजाय, अस्पष्टता का उपयोग करें। इसके बारे में जाने के कई तरीके हैं। उदाहरण के लिए, आप प्रत्येक पिक्सेल और पड़ोसियों को ऐसे क्षेत्रों की पहचान करने के लिए देख सकते हैं जहां अस्पष्टता आपके द्वारा सेट की गई सीमा को पार करती है। जब भी आपको MacOS X या iOS में किसी छवि के प्रत्येक पिक्सेल को देखने की आवश्यकता होती है, तो Core Image सोचें। ब्लॉग पोस्ट starting with this one की एक सहायक श्रृंखला है जो कस्टम कोर छवि फ़िल्टर को कार्यान्वित करने पर लगती है - मैं किनारे का पता लगाने फ़िल्टर बनाने के लिए वहां से शुरू करूंगा।

Answer 3

नए विचारों योगदान की खातिर:

अपने वर्तमान कार्यान्वयन छाया के लिए CALayer के समर्थन है, जो यह वास्तविक पिक्सेल के बजाय केवल उसके सीमांकन आयत परत की सामग्री से गणना करता है का प्रयोग करेंगे का एक और प्रकार है, और जिसके लिए यह जीपीयू का उपयोग करता है। पंख को खत्म करने की कोशिश करने के लिए आप कुछ बड़े पैमाने पर shadowOpacity को अपनाने का प्रयास कर सकते हैं; यह असफल हो रहा है कि आप एक उपयुक्त CGContext को प्रस्तुत कर सकते हैं, केवल अल्फा परत लें और इसे अल्फा मानों पर थ्रेसहोल्ड परीक्षण लागू करने के लिए मैन्युअल रूप से संसाधित करें, जिससे उन्हें पूरी तरह से अपारदर्शी या पूरी तरह से पारदर्शी बना दिया जा सके।

आप विभिन्न तरीकों से ईएस 1 के तहत भी जीपीयू पर अंतिम प्रसंस्करण चरण प्राप्त कर सकते हैं। आप वास्तविक दहलीज को लागू करने के लिए अल्फा परीक्षण का उपयोग करेंगे, फिर आप कह सकते हैं, गहराई बफर 1.0 को प्राथमिकता दें, रंग आउटपुट और गहराई परीक्षण अक्षम करें, संस्करण को 0.5 की गहराई पर छाया के साथ खींचें, बिना संस्करण को खींचें 1.0 की गहराई पर छाया फिर रंग आउटपुट और गहराई परीक्षण सक्षम करती है और 0.75 की गहराई पर एक ठोस काला पूर्ण-स्क्रीन ट्रैक्टर खींचती है।तो यह स्टैंसिल का अनुकरण करने के लिए गहराई बफर का उपयोग करना है (चूंकि ईएस 2 सक्षम डिवाइस से पहले इस्तेमाल होने वाले जीपीयू ऐप्पल को स्टैंसिल बफर का समर्थन नहीं किया गया था)।

यह निश्चित रूप से मानता है कि CALayer छाया कंपोजिटर के बाहर दिखाई देती है, जिसे मैंने चेक नहीं किया है।

वैकल्पिक रूप से, यदि आप ईएस 2 उपकरणों (सब कुछ 3 जीएस +) में अपना समर्थन सीमित करने के इच्छुक हैं तो आप अपनी छवि को बनावट के रूप में अपलोड कर सकते हैं और पूरी प्रक्रिया को GPU पर कर सकते हैं। लेकिन यह तकनीकी रूप से कुछ आईओएस 4 सक्षम डिवाइसों को असमर्थित छोड़ देगा, इसलिए मुझे लगता है कि यह विकल्प नहीं है।

Answer 4

बजाय UIView का उपयोग कर, मैं सिर्फ निम्नलिखित की तरह एक संदर्भ धक्का सलाह देते हैं:

UIGraphicsBeginImageContextWithOptions(image.size,NO,0.0); 
//draw your image 4 times and mask it whatever you like, you can just copy & paste 
//current drawing code here. 
.... 
outlinedimage = UIGraphicsGetImageFromCurrentImageContext(); 
UIGraphicsEndImageContext(); 

यह आपके UIView की तुलना में बहुत तेजी से किया जाएगा।