जावास्क्रिप्ट छवि संपादक लाइब्रेरी

Question

मेरे दोस्त और मेरे पास एक वेब शॉप बनाने की योजना है। दुकान की मुख्य विशेषता में से एक ग्राहक को अपनी सामग्री तैयार करने की क्षमता है। मेरे दोस्त ने उदाहरण के रूप में polyvore website लिया।

उपरोक्त लिंक एक संपादक पृष्ठ पर इंगित करता है। पॉलीवोर में, ग्राहक पृष्ठ के बाईं ओर स्थित 'कैनवास' तक दाएं हाथ से आइटम खींच और छोड़ सकता है। आकार बदलने, घूमने और स्थानांतरित करने के लिए छवि में सरल हैंडलर है।

यह मुख्य विशेषता है जिसे हम प्राप्त करना चाहते हैं। मैं जानना चाहता हूं कि वहां कोई निःशुल्क जावास्क्रिप्ट लाइब्रेरी है जो इन कार्यक्षमताओं को प्रदान करती है? हमें बहुत पहले सामान की आवश्यकता नहीं है, क्योंकि लक्ष्य ऑनलाइन फ़ोटोशॉप एप्लिकेशन की तरह कुछ नहीं बना रहा है। पॉलीवॉयर संपादक में अधिकांश सुविधाएं हैं जिन्हें हमें चाहिए।

Answer 1

Pixastic में एक सरल जावास्क्रिप्ट छवि संपादक है जो कैनवास का उपयोग करता है।

Answer 2

यदि आप एक पूर्ण-विशेषीकृत जावास्क्रिप्ट-आधारित ढांचे का उपयोग करके अपना ऐप विकसित करते हैं, जैसे Cappuccino या SproutCore, इस प्रकार की हल्के छवि मैनिपुलेशन को कार्यान्वित करने के लिए छोटा होना चाहिए।

यदि आप साइट कार्यान्वयन के साथ थोड़ा अधिक लचीलापन चाहते हैं, तो jQuery UI या Interface Elements जैसी छोटी लाइब्रेरी के साथ जाएं (यह एक बहुत ही अपूर्ण सूची है - आसपास के कई समान पुस्तकालय हैं)।

Answer 3

यह एक पूर्ण उत्तर नहीं होगा, लेकिन आपको मार्गदर्शन करना चाहिए। Ext-js में Ext.Resizable, http://www.extjs.com/deploy/dev/docs/?class=Ext.Resizable नामक एक ऑब्जेक्ट है, आप इसे किसी भी नोड पर लागू कर सकते हैं और यह इसे आकार देने के लिए हैंडल जोड़ देगा। यह उनके मूल (jsquery- like) distro में मौजूद नहीं है, आपको पूर्ण वितरण की आवश्यकता है।

छवियों को घूर्णन करना अधिक जटिल है क्योंकि यह सभी ब्राउज़रों में समर्थित नहीं है (वेबकिट सीएसएस के माध्यम से घूर्णन की अनुमति देता है)। मेरा सुझाव है कि आप एक क्रॉस ब्राउज़र कैनवास लाइब्रेरी का उपयोग करें, जैसे http://me.eae.net/projects/iecanvas/demo.html, जो आपको कैनवास पर खींची गई छवियों को घुमाने की अनुमति देता है। हालांकि, आप वास्तव में उन दोनों को गठबंधन नहीं कर सकते जिन्हें मैंने उल्लेख किया है, मेरा सुझाव है कि आप दोनों को प्रेरणा के लिए देखें और अपना खुद का रोल करें (जब तक कि किसी और को यह उपकरण न मिल जाए जो पहले से ही करता है)

Answer 4

जब यह आता है परिवर्तनों को, fabricJS बहुत अच्छा लग रहा है: http://fabricjs.com/

प्रभाव के लिए, CamanJS नियंत्रण का एक बहुत कुछ दे रहा है और यह भी पूर्व निर्धारित फिल्टर शामिल हैं: http://camanjs.com/examples/

Answer 5

आप डार्करूम उपयोग कर सकते हैं। यह वेब में एक सरल और शक्तिशाली छवि संपादक है। आप इसे नीचे दिए गए लिंक से पा सकते हैं: https://mattketmo.github.io/darkroomjs/