কম্পিউটার টিউটোরিয়াল

HTML5 ক্যানভাসে কন্টেন্ট তৈরি করা ফ্লাশের চেয়ে অধিক জটিল

ফ্লাশ অ্যানিমেশনের জন্য চমৎকার GUI এবং প্রচুর ভিজ্যুয়াল ফিচার প্রদান করে। এটি ব্যবহারকারীকে একটি নির্দিষ্ট প্ল্যাটফর্মের ভিতরে সব কিছু বানাতে দেয় ব্রাউজারের মধ্যে র‍্যাপ করে, মূল স্কোপ которых হল মাল্টিমিডিয়া এবং অন্যান্য অ্যানিমেশন।

HTML5 <canvas> এলিমেন্ট আপনাকে জাভাস্ক্রিপ্ট ব্যবহার করে গ্রাফিক্স আঁকতে একটি সহজ এবং শক্তিশালী উপায় দেয়। এটি গ্রাফ আঁকতে, ফটো কম্পোজিশন তৈরি করতে, বা সিম্পল (এবং সিম্পল না হওয়া) অ্যানিমেশন করতে ব্যবহৃত হতে পারে।

এখানে একটি সিম্পল <canvas> এলিমেন্ট যা শুধু দুটি নির্দিষ্ট এট্রিবিউট width এবং height ধারণ করে এবং সকল কোর HTML5 এট্রিবিউট যেমন id, name, এবং class ইত্যাদি।

<canvas id = "mycanvas" width = "100" height = "100"></canvas>

ক্যানভাস বর্তমানে মূল বিবেচনাযোগ্য এবং ফ্লাশ পুরনো পড়েছে। ক্যানভাসের সাথে, আপনি শেপ আঁকতে, স্কেল, ট্রান্সফর্ম, ইত্যাদি করতে পারেন।


  1. জাভাস্ক্রিপ্টে বাটনে addEventListener() একাধিকবার কাজ না করা

  2. HTML5-এ drawImage() মেথড ব্যবহার করে ইমেজ আঁকা

  3. HTML5 Canvas-এ ইমেজ কীভাবে ব্যবহার করবেন?

  4. C++-এ 'a' সংখ্যা 'b'-র চেয়ে বেশি হয় এমন প্রিফিক্সের সংখ্যা (Prefixes with More a than b)