আমি এসভিজি এবং জাভাস্ক্রিপ্ট / জিকুয়েরি ব্যবহার করে একটি ইন্টারেক্টিভ ইন্টারফেসে কাজ করছি, এবং আমি রাফেল এবং jQuery এসভিজির মধ্যে সিদ্ধান্ত নেওয়ার চেষ্টা করছি । আমি জানতে চাই
রাফেলটিতে আমার ভিএমএল / আইই সমর্থন, বা জিকুয়েরি এসভিজির প্লটিং দক্ষতার দরকার নেই। আমি মূলত এসভিজি ক্যানভাসে স্বতন্ত্র আইটেমগুলি তৈরি, সঞ্চারকরণ এবং ম্যানিপুলেট করার সর্বাধিক মার্জিত উপায়ে আগ্রহী।
উত্তর:
আমি সম্প্রতি রাফেল এবং jQuery এসভিজি উভয়ই ব্যবহার করেছি - এবং এখানে আমার মতামত রয়েছে:
পেশাদাররা: একটি ভাল স্টার্টার লাইব্রেরি, এসভিজির সাহায্যে খুব বেশি কিছু করা সহজ। ভাল লিখিত এবং নথিভুক্ত। প্রচুর উদাহরণ এবং ডেমোস। খুব এক্সটেনসিবল আর্কিটেকচার। অ্যানিমেশন সহ দুর্দান্ত।
কনস: প্রকৃত এসভিজি মার্কআপের উপর একটি স্তর, এসভিজির সাথে আরও জটিল জিনিসগুলি করা কঠিন করে তোলে - যেমন গ্রুপিং (এটি সেটগুলি সমর্থন করে তবে গোষ্ঠী নয়)। ইতিমধ্যে বিদ্যমান উপাদানগুলির দুর্দান্ত ডাব্লু / সম্পাদনা করে না।
পেশাদাররা: আপনি যদি ইতিমধ্যে jQuery ব্যবহার করেন তবে একটি jquery প্লাগইন। ভাল লিখিত এবং নথিভুক্ত। প্রচুর উদাহরণ এবং ডেমো। বেশিরভাগ এসভিজি উপাদানগুলিকে সমর্থন করে, সহজেই উপাদানগুলিতে দেশীয় অ্যাক্সেসের অনুমতি দেয়
কনস: আর্কিটেকচার রাফেলের মতো বিস্তৃত নয়। কিছু জিনিস ভাল ডকুমেন্টেড হতে পারে (যেমন এসভিজি উপাদানগুলির কনফিগারেশন)। ইতিমধ্যে বিদ্যমান উপাদানগুলির দুর্দান্ত ডাব্লু / সম্পাদনা করে না। অ্যানিমেশনের জন্য এসভিজি শব্দার্থবিজ্ঞানের উপর নির্ভর করে - যা এতটা দুর্দান্ত নয়।
স্ন্যাপএসভিজি রাফেলের উত্তরসূরি। এটি কেবল এসভিজি সক্ষম ব্রাউজারগুলিতে সমর্থিত এবং এসভিজির প্রায় সমস্ত বৈশিষ্ট্য সমর্থন করে।
আপনি যদি দ্রুত এবং সহজ কিছু করছেন, রাফেল একটি সহজ পছন্দ। আপনি যদি আরও জটিল কিছু করতে চলেছেন তবে আমি jQuery এসভিজি ব্যবহার করতে পছন্দ করেছি কারণ আমি রাফেলের চেয়ে তুলনামূলকভাবে সহজ মার্কআপটি ব্যবহার করতে পারি। এবং আপনি যদি নন-জিক্যুয়ারি সমাধান চান তবে স্ন্যাপএসভিজি একটি ভাল বিকল্প।
উত্তরসূরীদের জন্য, আমি নোট করতে চাই যে আমি ক্লিন এপিআই এবং "ফ্রি" আইআই সমর্থনের কারণে এবং রাফেল বেছে নেওয়া শেষ করেছি, এবং সক্রিয় বিকাশটি আশাব্যঞ্জক বলে মনে হচ্ছে (উদাহরণস্বরূপ, ইভেন্টের সমর্থনটি 0.7 তে যুক্ত করা হয়েছিল)। যাইহোক, আমি প্রশ্নটি উত্তরহীন রেখে দেব এবং আমি এখনও জাভাস্ক্রিপ্ট + এসভিজি লাইব্রেরি ব্যবহার করে অন্যের অভিজ্ঞতা শুনতে আগ্রহী।
আমি রাফেলের এক বিশাল অনুরাগী এবং বিকাশের গতিটি দৃ strong় হতে চলেছে বলে মনে হচ্ছে (গত সপ্তাহের শেষ দিকে 0.85 সংস্করণ প্রকাশিত হয়েছিল)। আর একটি বড় প্লাস হ'ল এর বিকাশকারী, দিমিত্রি বারানভস্কি , বর্তমানে একটি রাফেল চার্টিং প্লাগইন, জি.ফ্যাফেল , যা এর আকারটি দেখতে বেশ সুন্দর দেখাচ্ছে বলে মনে হচ্ছে ( ফ্লিকারের প্রাথমিক সংস্করণগুলি থেকে আউটপুটের কয়েকটি নমুনা রয়েছে ) ।
তবে, কেবল এসভিজি লাইব্রেরি মিশ্রণের জন্য আরেকটি সম্ভাব্য প্রতিযোগী ছুঁড়ে ফেলার জন্য, গুগলের এসভিজি ওয়েবটি সত্যিই খুব আশাব্যঞ্জক দেখাচ্ছে (যদিও আমি ফ্ল্যাশের খুব বড় অনুরাগী নই, যা এটি নন-এসভিজি কমপ্লায়েন্ট ব্রাউজারগুলিতে রেন্ডার করতে ব্যবহার করে)। সম্ভবত দেখার জন্য একটি, বিশেষত আসন্ন এসভিজি ওপেন সম্মেলন সহ ।
রাফেল সেটআপ করা এবং যাওয়া চালিয়ে যাওয়া নিশ্চিতভাবেই সহজ, তবে মনে রাখবেন যে এসভিজিতে এমন কিছু প্রকাশ করার উপায় রয়েছে যা রাফেলের পক্ষে সম্ভব নয়। উপরে উল্লিখিত হিসাবে কোনও "গ্রুপ" নেই। এর থেকে বোঝা যায় যে আপনি স্থানাঙ্ক ট্রান্সফমেশনগুলির স্তরগুলি প্রয়োগ করতে পারবেন না। পরিবর্তে কেবলমাত্র একটি সমন্বিত রূপান্তর উপলব্ধ।
যদি আপনার নকশা নেস্টেড সমন্বিত রূপান্তরগুলির উপর নির্ভর করে তবে রাফেল আপনার পক্ষে নয়।
ওহ রাফেল জুন থেকে উল্লেখযোগ্যভাবে এগিয়ে গেছে। এখানে একটি নতুন চার্টিং লাইব্রেরি রয়েছে যা এটির সাথে কাজ করতে পারে এবং এগুলি খুব আকর্ষণীয়। রাফেল সম্পূর্ণ এসভিজি পাথ সিনট্যাক্সকেও সমর্থন করে এবং সত্যিকারের উন্নত পাথ পদ্ধতিগুলি অন্তর্ভুক্ত করছে। এস আমার সাইট (লজ্জাহীন প্লাগ) এ 1.2.8+ দেখতে এবং তারপর সেখান থেকে দিমিত্রি এর সাইটের উপর বড়াই। http://www.irunmywebsite.com/raphael/raphaelsource.html
আমি মনে করি এটি সম্পূর্ণ সম্পর্কযুক্ত নয় তবে আপনি ক্যানভাসটিকে বিবেচনা করেছেন? প্রক্রিয়া জেএস এর মতো কিছু এটিকে সহজ করে তুলতে পারে।
আপনার এসভিজিওয়েবটিও একবার দেখে নেওয়া উচিত। এটি আইইজে এসভিজি রেন্ডার করতে ফ্ল্যাশ ব্যবহার করে এবং অন্য ব্রাউজারগুলিতে casesচ্ছিকভাবে (যেখানে এটি ব্রাউজারের চেয়ে বেশি সমর্থন করে)।
আমি আমার ভোটটি রাফেলের পিছনে ফেলে দেব - ক্রস ব্রাউজার সমর্থন, ক্লিন এপিআই এবং ধারাবাহিক আপডেট (এখনও পর্যন্ত) এটি ব্যবহার করে আনন্দিত করে। এটি jQuery এর সাথে খুব সুন্দর খেলে। প্রসেসিং দুর্দান্ত, তবে এই মুহুর্তে রক্তপাত প্রবাহের জন্য ডেমো হিসাবে আরও কার্যকর।
একটি জাভাস্ক্রিপ্ট শিক্ষানবিস হিসাবে, আমি রাপাহেল নমুনাগুলি এত সহজ নয় বলে মনে করি, আমি http://cancerbero.mbarreneche.com/raphaeltut সুপারিশ করি যা একটি বাস্তব ধাপে ধাপে টিউটোরিয়াল।
যারা আইআই / / আই 7 সম্পর্কে চিন্তা করেন না, একই লোক যিনি রাফেল লিখেছিলেন তারা বিশেষত আধুনিক ব্রাউজারগুলির জন্য একটি এসভিজি ইঞ্জিন তৈরি করেছিল: স্ন্যাপ.এসভিজি .. তাদের ভাল ডক্স সহ একটি দুর্দান্ত সাইট রয়েছে: http://snapsvg.io
snap.svg ঠিক বাক্সের বাইরে ব্যবহার করা সহজ হতে পারে না এবং বিদ্যমান এসভিজিগুলিকে পরিচালনা / আপডেট করতে বা নতুন তৈরি করতে পারে। আপনি পৃষ্ঠাগুলি সম্পর্কে স্ন্যাপ.ওয়েতে এই স্টাফটি পড়তে পারেন তবে এখানে দ্রুত চালিয়ে যাওয়া:
কনস
পেশাদাররা
মাস্কিং, ক্লিপিং, নিদর্শন, পূর্ণ গ্রেডিয়েন্টস, গোষ্ঠী এবং আরও অনেক কিছু যেমন এসভিজির সম্পূর্ণ বৈশিষ্ট্যগুলি কার্যকর করে।
বিদ্যমান এসভিজিজিগুলির সাথে কাজ করার ক্ষমতা: স্ন্যাপের সাথে কাজ করার জন্য স্ন্যাপের সাথে সামগ্রী তৈরি করতে হবে না, আপনাকে কোনও সাধারণ নকশার সরঞ্জাম দিয়ে সামগ্রী তৈরি করতে দেয়।
একটি সরল, কার্যকর-থেকে-কার্যকর জাভাস্ক্রিপ্ট API ব্যবহার করে সম্পূর্ণ অ্যানিমেশন সমর্থন
রিসোর্স ধারক বা স্প্রাইট শীটের অনুরূপ, এসভিজিগুলির স্ট্রিংগুলির সাথে কাজ করে (উদাহরণস্বরূপ, এজাক্সের সাহায্যে এসভিজি ফাইলগুলি লোড করা) প্রথমে সেগুলি প্রথমে রেন্ডার না করেই করা হয়।
আপনি আগ্রহী কিনা তা পরীক্ষা করে দেখুন: http://snapsvg.io
যেহেতু এটি এখানে এখনও উল্লেখ করা হয়নি: আপনার ডজক্স.ড্রয়িংয়ের দিকেও নজর দেওয়া উচিত , এটি ভাল এসভিজি অঙ্কন ক্ষমতাও সরবরাহ করে। এটিতে বৈশিষ্ট্যগুলির একটি দুর্দান্ত চিত্তাকর্ষক সেট রয়েছে। আমি এটি দিয়ে কেবল একটি প্রকল্প শুরু করছি, তবে আমার কাছে মনে হচ্ছে এটি রাফেল এবং জিকুয়েরিএসভিজির চেয়ে অনেক উন্নত (কমপক্ষে বৈশিষ্ট্যগুলির ক্ষেত্রে)।
এই উপস্থাপনাটি আমাকে রাফেল / জিকুয়েরি এসভিজির পরিবর্তে এটি ব্যবহার করতে রাজি করেছিল: http://www.slideshare.net/elazutkin/dojo-gfx-svg-in-tal-real-world-2114082
তথ্যসূত্র: http://dojotoolkit.org/references-guide/dojox/index.html
ডোজোক্যাম্পাসের জন্য রেফারেন্স: http://docs.dojocampus.org/dojox/drawing
ডোজো (ডোজক্স সহ) ডাউনলোড করুন: http://dojotoolkit.org/download/
আপনি দেখতে চাইতে পারেন এমন আরও একটি এসভিজি জাভাস্ক্রিপ্ট লাইব্রেরি হ'ল d3.js. http://d3js.org/
আমি রাফেলজেএস ব্যবহার করতে পছন্দ করি কারণ এতে দুর্দান্ত ক্রস-ব্রাউজারের ক্ষমতা রয়েছে। তবে, কিছু এসভিজি এবং ভিএমএল প্রভাবগুলি রাফেলজেএস (জটিল গ্রেডিয়েন্টস ...) দিয়ে অর্জন করা যায় না।
আইই তে এসভিজি সহায়তা সক্ষম করতে গুগল নিজস্ব একটি গ্রন্থাগারও তৈরি করেছে: http://svgweb.googlecode.com/files/svgweb-2009-08-20-B.zip
আপনার যদি ভিএমএল এবং আইই 8 সমর্থন প্রয়োজন না হয় তবে ক্যানভাস (উদাহরণস্বরূপ পেপারজেএস) ব্যবহার করুন। উইন্ডোজ for এর জন্য সর্বশেষতম আই 10 10 ডেমো দেখুন They তাদের ক্যানভাসে আশ্চর্যজনক অ্যানিমেশন রয়েছে। এসভিজি তাদের কাছাকাছি কিছু করতে সক্ষম নয়। সামগ্রিকভাবে ক্যানভাস সমস্ত মোবাইল ব্রাউজারে উপলব্ধ। এসভিজি অ্যান্ড্রয়েড 2.0- 2.3 এর প্রাথমিক সংস্করণগুলিতে কাজ করছে না (যেমনটি আমি জানি)
হ্যাঁ, ক্যানভাস স্কেবলযোগ্য নয়, তবে এটি এত দ্রুত যে আপনি পুরো ক্যানভাসটি আরও দ্রুত আবার আঁকতে পারেন তারপরে ভিউ পোর্টটিকে স্ক্রোল করতে সক্ষম ব্রাউজার সক্ষম।
আমার দৃষ্টিকোণ থেকে মাইক্রোসফ্টের অপ্টিমাইজেশানগুলি ক্যানভাসকে নিয়মিত জিডিআই ইঞ্জিন হিসাবে ব্যবহার করার এবং গ্রাফিক্স অ্যাপ্লিকেশনগুলি বাস্তবায়নের জন্য সরবরাহ করে যা আমরা এখন উইন্ডোজের জন্য করি।