HTML 5 Canvas vs. SVG
- পূর্ববর্তী পৃষ্ঠা HTML5 SVG
- পরবর্তী পৃষ্ঠা HTML মিডিয়া
Canvas এবং SVG একইভাবে ব্রাউজারে গ্রাফিকস তৈরি করতে দেয়, কিন্তু তারা মৌলিকভাবে ভিন্ন
SVG
SVG একটি 2D গ্রাফিকস বর্ণনার জন্য XML-ভিত্তিক ভাষা
SVG XML-ভিত্তিক, যার মানে SVG DOM-এর প্রত্যেক ইলেমেন্টই ব্যবহার করা যায়।আপনি কোনও ইলেমেন্টের জন্য JavaScript ইভেন্ট হ্যান্ডলার যুক্ত করতে পারেন
SVG-এ, প্রত্যেক দৃশ্যমান গ্রাফিকসকে একটি অবজেক্ট হিসাবে দেখা হয়।যদি SVG অবজেক্টের বৈশিষ্ট্য পরিবর্তিত হয়, তবে ব্রাউজার গ্রাফিকসকে স্বয়ংক্রিয়ভাবে পুনরায় প্রদর্শন করতে পারে
ক্যানভাস
Canvas 2D গ্রাফিকসকে JavaScript-এর মাধ্যমে দৃশ্যমান করে
Canvas ১পিক্সেলের মাধ্যমে রেন্ডারিং করে
Canvas-এ, যখন গ্রাফিকসকে সম্পূর্ণভাবে দৃশ্যমান করা হয়, তখন ব্রাউজার তার ওপর আর দৃষ্টি দেয় না।যদি তার অবস্থান পরিবর্তিত হয়, তবে সমগ্র দৃশ্যকেও পুনরায় দৃশ্যমান করতে হবে, যেমন গ্রাফিকসকে আঘাত করা হয়
Canvas vs. SVG তুলনা
এখানে ক্যানভাস এবং SVG-র মধ্যে কিছু পার্থক্য তালিকাভুক্ত হয়েছে
ক্যানভাস
- প্রকৃতির উপর নির্ভর
- ইভেন্ট হ্যান্ডলার সমর্থন না
- দুর্বল লেখা রেন্ডারিং ক্ষমতা
- রেজাল্ট চিত্রকে .png বা .jpg ফরম্যাটে সংরক্ষণ করা যায়
- চিত্র সমৃদ্ধ গেমগুলির জন্য সবচেয়ে ভালো, যেখানে অনেক বস্তু প্রতিরূপ করা হয়
SVG
- প্রকৃতির উপর নির্ভর না
- ইভেন্ট হ্যান্ডলার সমর্থন
- বড় রেন্ডারিং এলাকা সহ অ্যাপ্লিকেশনগুলির জন্য সবচেয়ে ভালো (যেমন গুগল ম্যাপ)
- জটিলতা কারণে রেন্ডারিং গতি হ্রাস পাবে (যে কোনও অতিরিক্ত DOM ব্যবহারকারী অ্যাপ্লিকেশনগুলি দ্রুত হয় না)
- গেম অ্যাপ্লিকেশনের জন্য অন্যায়
- পূর্ববর্তী পৃষ্ঠা HTML5 SVG
- পরবর্তী পৃষ্ঠা HTML মিডিয়া
