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