जावास्क्रिप्ट ड्राइंग लाइब्रेरी?

Question

जावास्क्रिप्ट इंटरैक्टिव ड्राइंग लाइब्रेरी के लिए कोई सुझाव? बस विभिन्न रंगों के रेखाओं, बहुभुज, ग्रंथों को आकर्षित करने की आवश्यकता है। आईई/फ़ायरफ़ॉक्स/ओपेरा/सफारी संगत।

Answer 1

आप 2 डी में ड्रॉ करने के लिए सीधे कैनवास ऑब्जेक्ट का उपयोग कर सकते हैं। आईई को excanvas पुस्तकालय की आवश्यकता है।

http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas

Answer 2

जॉन Resig के Processing.js कि के लिए एक अच्छी रूपरेखा है।

Answer 3

इस पर निर्भर करता है कि आपको क्रॉस-ब्राउजर कैसे होना चाहिए और आउटपुट करने का आपका लक्ष्य, आप कैनवास तत्व और संबंधित जावास्क्रिप्ट को देख सकते हैं।

Canvas

Answer 4

http://www.walterzorn.de/en/jsgraphics/jsgraphics_e.htm की कोशिश करो। यह सबसे अच्छा है जो मैंने पाया है (एसवीजी का उपयोग किए बिना) और ऐड-इन्स के बिना अधिकांश ब्राउज़रों में काम करता है।

Answer 5

Raphael इसके लिए बहुत अच्छा है, और ब्राउज़र में काम करता है क्योंकि यह वीएमएल (एमएसआईई के लिए) और एसवीजी (बाकी सब कुछ के लिए) का उपयोग करता है।

Answer 6

कैनवास टैग के साथ ड्राइंग पाठ एक बड़ा दर्द है। आपके विकल्प सही जगहों पर पूरी तरह से स्थित नियमित divs का उपयोग करना है, या फ़ॉन्ट लेआउट इंजन (example) ढूंढें/लिखें, या एक नया मानक लागू करने की प्रतीक्षा करें जो आपको टेक्स्ट खींचने देता है। एसवीजी इससे काफी बेहतर है।

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

तुम भी शुरू करने से पहले एक पल के लिए फ्लैश सोच सकते हैं।

Answer 7

जैसा कि ऊपर उल्लेख, कैनवास जिस तरह से आप जाना चाहिए। आईई इसे मूल रूप से समर्थन नहीं करता है, इसलिए आपको क्रॉस-ब्राउज़र संगतता सुनिश्चित करने के लिए ExCanvas डाउनलोड करना होगा। मैं कैनवास टैग का उपयोग करने वाली कुछ परियोजनाओं के लिए Ajaxian को देखने की अनुशंसा करता हूं।

Answer 8

jQuery Drawing plugin चेकआउट करें, और आप मोज़िला Canvas संदर्भ और tutorial पर भी देख सकते हैं।

Answer 9

इसके अलावा mxGraph। यह आईई के लिए excanvas का उपयोग नहीं करता है। एक्सकेनवास वीएमएल का उपयोग करने से धीमा तरीका है, विशेष रूप से, हटाने के बजाए एक ही वीएमएल नोड्स का पुन: उपयोग करना, फिर से निकालने के लिए डीओएम नोड्स जोड़ना। यह अक्सर एक अनदेखी बिंदु है, लेकिन आईई प्रदर्शन पर excanvas बस भयानक है।

Answer 10

D3.js

D3.js डेटा के आधार पर दस्तावेजों से छेड़छाड़ के लिए एक जावास्क्रिप्ट पुस्तकालय है। डी 3 आपको एचटीएमएल, एसवीजी और सीएसएस का उपयोग करके डेटा लाने में मदद करता है। डी 3 के वेब मानकों पर जोर आपको ब्राउज़र की मालिकाना ढांचे के बिना स्वयं को जोड़ने के बिना, शक्तिशाली विज़ुअलाइजेशन घटकों और डीओएम मैनिपुलेशन के डेटा-संचालित दृष्टिकोण के संयोजन के बिना आपको पूर्ण स्वामित्व देता है।

इस discussion भी पर एक नजर डालें।