एचटीएमएल 5 कैनवास तत्व और एसवीजी

Question

हमें एचटीएमएल 5 कैनवास तत्व की आवश्यकता क्यों है, जब इसे एम्बेडेड एसवीजी के माध्यम से हासिल किया जा सकता है?

Answer 1

एसवीजी और कैनवास वास्तव में विनिमय करने योग्य तकनीक नहीं हैं। एसवीजी एक प्रकार का बनाए रखा मोड ग्राफिक्स है जहां सब कुछ एक अमूर्त मॉडल (एसवीजी दस्तावेज) से खींचा जाता है। दूसरी तरफ कैनवास एक प्रकार का तत्काल मोड ग्राफिक्स है, जहां कोई मॉडल नहीं है और क्लाइंट (जावास्क्रिप्ट) को रीड्रॉइंग, एनीमेशन इत्यादि का ख्याल रखना चाहिए।

Answer 2

क्योंकि हम तो क्या बारे में चिंता करने की जरूरत नहीं है इस तरह के embedding ;-)

इस फैशन आवेदन developpers के लिए ध्यान देने के मानकों का पालन और ग्राहक डिजाइनरों भी ऐसा ही करने देने के लिए है में समर्थन करते हैं। और इसलिए प्लग-इन, संस्करण, सुरक्षा सेटअप इत्यादि के बारे में चिंता करने के लिए सभी को छोड़ दें ...

Answer 3

http://people.mozilla.com/~vladimir/xtech2006/ की अच्छी तुलना है।

कैनवास के साथ आपको डोम से निपटने की ज़रूरत नहीं है, जो कोड लिखने के लिए तेज़ और आसान होता है। एसवीजी एक विनिर्देश के रूप में एक गड़बड़ है, भी ...

Answer 4

एसवीजी वेक्टर ग्राफिक्स के लिए एक मार्कअप भाषा है और इसमें डोम है। इससे सृजन के बाद सामग्री को बदलना बहुत आसान हो जाता है।

कैनवास एक पूर्ववत बटन के बिना एमएस पेंट की तरह एक चित्रकारी सतह है। आप सामग्री को बदल नहीं सकते हैं। आप केवल इसे अतिव्यापी कर सकते हैं। यह बहुत ही प्रभावशाली है क्योंकि ब्राउज़र को छवि के लिए एक पूर्ण डोम को संभालने की आवश्यकता नहीं है। और एक संभावना है कि कैनवास भविष्य में 3 डी ड्राइंग को संभाल सकता है।

Answer 5

एक उदाहरण: मेरा ब्लॉग इंजन (ब्लॉगर) एसवीजी का समर्थन नहीं करता है (यह एक्सएचटीएमएल दस्तावेज़ नहीं है)। मैं एक उपकरण कैनवास तत्व को एसवीजी परिवर्तित लिखा है: .. http://plindenbaum.blogspot.com/2009/11/tool-converting-svg-to-canvas_22.html

Answer 6

यहाँ कैसे एक सरल svg पार्स और एक कैनवास पर यह आकर्षित करने के लिए की एक विवरण है

http://www.ikeralbeniz.net/2010/11/03/jugando-con-html5-canvas-y-svg-i/ http://www.ikeralbeniz.net/2010/11/04/jugando-चोर-एचटीएमएल 5-कैनवास-y-svg-ii/

आगे पदों में

svg पार्सर ट्रांसपरेंसिस और ढ़ाल

Answer 7

आप भी इस तुलना उपयोगी लग सकते के साथ पूरा हो जाएगा: http://dev.opera.com/articles/view/svg-or-canvas-choosing-between-the-two/

Answer 8

यह वास्तव में एक तकनीकी उत्तर नहीं है लेकिन मुझे लगता है कि यह सही जवाब है।

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

मेरा मानना ​​है कि वास्तविकता कैनवास वेब विकास में एक्सएमएल के खिलाफ एक भारी प्रतिक्रिया का हिस्सा है। मेरा मानना ​​है कि अधिकांश वेब डेवलपर्स, विशेष रूप से सीमित समय और संसाधनों के साथ काम करते हैं, "एंटरप्राइज़" वातावरण के बाहर, एक्सएमएल की जटिलता को नापसंद करते हैं। कैनवास पसंदीदा एचटीएमएल 5 पर एचटीएमएल 5 पसंद करते हैं, पसंदीदा एचडीएमएल पर जेएसओएन को प्राथमिकता दी जाती है, और यहां तक ​​कि वाईएएमएल को एक्सएमएल पर भी प्राथमिकता दी जाती है।

मुझे लगता है कि यह विचार * निक्स दर्शन के समान है, जिसमें कई विशिष्ट उपकरण एक मेगा टूल की बजाय कई चीजों को सही और कुशलता से करने के समान हैं।(यह कई निश्चित गियर साइकिल सवारों द्वारा आयोजित दर्शन के समान है जो एक सीधी ड्राइव गियर की सादगी के लिए अविश्वसनीय रूप से सटीक और उन्नत डरेलियर प्रौद्योगिकी को छोड़ देता है।)

मुझे गलत मत समझो, मेरा मानना ​​है कि एक्सएमएल एक अविश्वसनीय रूप से शक्तिशाली है और शानदार तकनीक ने शानदार लोगों द्वारा वेब, प्रोग्रामिंग, कॉन्फ़िगरेशन, डेटा स्टोरेज इत्यादि के अंतिम स्विस सेना-चाकू होने के लिए सोचा और विकसित किया; लेकिन इसका मतलब यह नहीं है कि जटिल पथों की एक श्रृंखला को प्रबंधित करना और स्टाइल करना आसान है, बस इसे पिक्सल खींचना है।

मुझे पता है कि मेरे उत्तर की राय है और मैं इसका दावा नहीं करता कि यह लौ हो। मुझे एसवीजी पसंद है और मेरी इच्छा है कि यह वर्षों से (विशेष रूप से आईई से) अधिक समर्थन प्राप्त कर लेता, लेकिन मुझे लगता है कि ज्वार मानकों के सेटर्स और वेब डेवलपर्स के मनोविज्ञान के कारण बस कैनवास की ओर मोड़ रहा है।

लंबे समय तक मैं एसवीजी को एक्सएमएल वैकल्पिक बनाना चाहता हूं और अधिक जेएसओएन जैसी संरचना में स्थानांतरित करना चाहता हूं जो जावास्क्रिप्ट के साथ छेड़छाड़ करने में आसान है, शायद वेक्टर-आधारित कैनवास संदर्भ भी बन रहा है। यह मेरी राय में वेब के लिए सबसे अच्छा समाधान होगा।