कैप्चा: कार्यान्वयन के विचार हैं

संयोग से, यह विचार आया कि कैप्चा इमेज आउटपुट को कैसे लागू किया जाए।

शायद किसी ने पहले से ही इस तरह की एक विधि लागू की है, मुझे नहीं पता।



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

सामान्य तौर पर, मैं बेहतर उदाहरण देता हूं।



मूल छवि के लिए मैं यांडेक्स से एक कैप्चा लूंगा:





अब छवि को संपादित करें, अर्थात्, इसे दो हिस्सों में काटें और उन्हें स्वैप करें, यही हुआ:





हालांकि इस तरह से छवि को काटने के लिए आवश्यक नहीं है, यह इस बात पर निर्भर करता है कि आप शैलियों का उपयोग कैसे करते हैं।



और अब कोड:



<div style="background: url('captcha.png'); height: 60px; width: 200px"> </div>







यदि आप इस कोड को पेज पर पेस्ट करते हैं, तो हमें दूसरी तस्वीर के समान एक छवि मिलती है।

हमें एक सामान्य छवि प्राप्त करने की आवश्यकता है जिसे एक व्यक्ति पहचान सकता है, इसलिए हम कुछ जोड़ते हैं और प्राप्त करते हैं:



<div style="background: url('captcha.png') -100px repeat-x; height: 60px; width: 200px"> </div>







नतीजतन, हमें मूल छवि के समान एक तस्वीर मिलती है।

यह इस विचार को लागू करने का सबसे आसान तरीका है, आप आगे विचार कर सकते हैं।



लेकिन थोड़ा अलग विचार लागू करना अधिक कठिन है, लेकिन शायद यह भी दिलचस्प है:



मान लीजिए कि छवि प्रदर्शित की गई है और इसका कुछ हिस्सा पृष्ठभूमि के रंग के साथ छवि द्वारा ओवरलैप किया गया है, व्यक्ति कैप्चा के केवल दृश्य भाग को पहचानता है, और रोबोट पूरी छवि को पहचानता है और इसलिए परीक्षण पास नहीं कर सकता है।