जावास्क्रिप्ट ड्राइंग पुस्तकालय?

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

0

10 उत्तर

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

0
जोड़ा

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

0
जोड़ा

Raphael is pretty cool for that, and works across browsers since it uses VML (for MSIE) and SVG (for everything else).

0
जोड़ा
यह एफएफ 2 का समर्थन नहीं करता है
जोड़ा लेखक user121196, स्रोत
धन्यवाद यह बहुत बढ़िया लग रहा है। राफेल का उपयोग करेंगे।
जोड़ा लेखक John Ballinger, स्रोत
अरे, तुमने मुझे पंच पर मार दिया;)
जोड़ा लेखक Aeon, स्रोत

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

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

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

0
जोड़ा
वास्तव में, वीएमएल मूल रूप से टेक्स्ट ड्राइंग का समर्थन करता है, और एक्सप्लोरर कैनवास के नवीनतम संशोधन में WHATWG द्वारा अनुशंसित टेक्स्ट ड्राइंग विधियां हैं;) explorercanvas .blogspot.com
जोड़ा लेखक Fabien Ménager, स्रोत
एक अद्यतन के रूप में। टेक्स्ट अब दर्द से बहुत कम है (2011), यह पिछले साल के लिए काफी अच्छा रहा है। आईओएस 4.1 + आखिरकार कैनवस पर पाठ का सही समर्थन करता है और मुझे पता है कि एंड्रॉइड 2.1+ भी करता है। फ़ायरफ़ॉक्स/सफारी/क्रोम में हमेशा अच्छा कैनवास टेक्स्ट समर्थन होता है और आईई 9 + कैनवास में टेक्स्ट भी सही तरीके से करता है।
जोड़ा लेखक Gabe, स्रोत

jQuery ड्रॉइंग प्लगइन चेकआउट करें, और आप मोज़िला कैनवास संदर्भ और ट्यूटोरियल

0
जोड़ा

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

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

0
जोड़ा
ऐसा लगता है जैसे राफेल सरल बॉक्स और लाइनों से अधिक कर सकता है .. raphaeljs.com
जोड़ा लेखक ina, स्रोत
कैनवास कुछ छोटे बक्से या रेखाओं से ज्यादा कुछ भी करने का तरीका है। और excanvas कम से कम आईई 7 पर आश्चर्यजनक रूप से काम करता है।
जोड़ा लेखक dgvid, स्रोत
आईई 6 के साथ भी बहुत अच्छा काम करता है।
जोड़ा लेखक Prestaul, स्रोत

जॉन रेसिग के Processing.js इसके लिए एक अच्छा ढांचा है।

0
जोड़ा
प्रसंस्करण.जेएस स्थिर ग्राफिक्स के लिए राफेल के साथ तुलना कैसे करता है?
जोड़ा लेखक ina, स्रोत
ऐसा लगता है कि आईई अब समर्थित है (आईई 9)
जोड़ा लेखक yorjo, स्रोत
दुख की प्रसंस्करण आईई का समर्थन नहीं करता है। थोड़ी दयालुता है, हालांकि यह बहुत अच्छा लग रहा है।
जोड़ा लेखक John Ballinger, स्रोत

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

कैनवास

0
जोड़ा
नया यूआरएल: c-point.com/javascript_vector_draw.htm
जोड़ा लेखक quantumpotato, स्रोत
walterzorn.com अब और आसपास नहीं प्रतीत होता है। :(
जोड़ा लेखक Alex Black, स्रोत
वह सामान (HTML तत्वों की व्यवस्था करके ड्राइंग) विशेष रूप से अच्छी तरह से स्केल नहीं करता है, लेकिन यह निश्चित रूप से काम करता है :)
जोड़ा लेखक Dan, स्रोत
सच है ... आप निश्चित रूप से इस तरह एक सीएडी प्रणाली नहीं बनाएंगे, लेकिन अगर आप ऑर्थोगोनल संरचनाओं और छवियों (रेखाओं, आयतों, आदि) के साथ चिपकते हैं और उन्हें छवियों के साथ थोड़ा मसाला देते हैं तो यह बहुत जटिल चित्रों को कर सकता है। अन्य ड्राइंग इकाइयां प्रत्येक डीआईवी तत्वों के साथ बनाई गई हैं।
जोड़ा लेखक Steve Moyer, स्रोत

D3.js

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

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

0
जोड़ा