इस सरल jQuery प्लगइन के साथ फसल और आकार बदलें
गतिशील छवि फसल पुस्तकालयों जैसे jQuery के लिए कभी भी धन्यवाद से आसान है। कोडबेस का उपयोग करना आसान है और समुदाय के लिए हजारों प्लगइन्स हैं छवियों को संभालना.
ऐसा ही एक प्लगइन है कबूतर, एक मुक्त ओपन-सोर्स इमेज क्रॉपिंग समाधान जो संभालता है जूमिंग, फसल, और भी छवियों को बचाने.
यह परियोजना है GitHub पर उपलब्ध है कुछ के साथ बहुत कस्टम सुविधाओं के दर्जनों के साथ लंबा प्रलेखन.
क्रोपर आपको (डेवलपर) इंटरफ़ेस के हर पहलू पर पूरा नियंत्रण देता है। आप साथ काम कर सकते हैं 30+ विभिन्न विकल्प तथा 20+ कस्टम तरीके क्रॉपर प्लगइन में बनाया गया.
आईटी इस पूरी तरह से स्पर्श के प्रति संवेदनशील, इसलिए यह सभी मोबाइल उपकरणों पर काम करता है और तस्वीरों को ज़ूम इन और आउट करने के लिए स्क्रॉल व्हील / ट्रैकपैड का समर्थन करता है। उपयोगकर्ता कर सकते हैं फ्लिप, घुमाना, स्केल, तथा स्थान बदलने फसल के पहले कैनवास पर कहीं भी तस्वीरें.
क्रॉपर प्लगइन jQuery की एक प्रति की आवश्यकता है और यह दो फाइलों के साथ आता है: एक सीएसएस स्टाइलशीट और जावास्क्रिप्ट प्लगइन लाइब्रेरी। बस इन फ़ाइलों को अपने पेज पर जोड़ें और जाना अच्छा होना चाहिए!
याद रखें, यह उपकरण के साथ आता है बहुत सुविधाओं की। ऑनलाइन प्रलेखन मदद कर सकता है लेकिन आपको अपने हाथ गंदे करने होंगे एक छवि अपलोड फ़ील्ड स्वयं सेट करना यह सब सीखने के लिए। उनका नमूना कोड बस कंसोल को सब कुछ आउटपुट करता है और कुछ इस तरह दिखता है:
$ (aspect # छवि ’)। क्रॉपर (एस्पेरेशन अनुपात: १६ / ९, फ़सल: फंक्शन (ई) // क्रॉपिंग इमेज के लिए परिणाम डेटा। कंसोल.लॉग (एक्स); कंसोल.लॉग (आई); कंसोल log (e.width); कंसोल.लॉग (e.height); कंसोल.लॉग (e.rotate); कंसोल.लॉग (e.scaleX); कंसोल.लॉग (e.scaleY););
लेकिन, तुम सच में एक तिरछी नज़र रखना चाहिए लाइव डेमो देखना है कि यह सब कैसे काम करता है.
तुम खोज सकते हो X / Y निर्देशांक का लाइव आउटपुट डेटा, इसके साथ छवि आयाम शीर्ष के पास। क्रॉपर में ए भी शामिल है अपलोड सुविधा जहां उपयोगकर्ता अपने कंप्यूटर से एक छवि का चयन कर सकता है और सही ब्राउज़र में क्रॉप करना शुरू कर सकता है.
लाइव थंबनेल कोने में अद्यतन करें, इसलिए आप देख सकते हैं कि बचत करने से पहले अंतिम परिणाम कैसा दिखता है। को बदल दें आस्पेक्ट अनुपात, उत्पादन की गुणवत्ता, डिफ़ॉल्ट फसल की स्थिति, और एक पूरी गुच्छा अधिक.