<canvas>
হল একটি HTML এলিমেন্ট, যা দ্বারা স্ক্রিপ্টিংয়ের (সাধারণত জাভাস্ক্রিপ্ট) সাহায্যে গ্রাফিক্স আঁকা যায়। এটি অবশ্য গ্রাফিক্স আঁকা, ছবি কম্পোজিশন তৈরি করা এবং সাধারণ (এবং অসাধারণ) এনিমেশন তৈরির কাজ করতে পারে।
<canvas>
এর জন্য মোজিলা অ্যাপ্লিকেশনসমূহ সাপোর্ট পাওয়া শুরু করেছে গিকো ১.৮ (বা ফায়ারফক্স ১.৫) থেকে। মূলত এ্যাপল তাদের ড্যাশবোর্ড এবং সাফারির জন্য এলিমেন্টটি প্রকাশ করে। <canvas>
এলিমেন্টটি WhatWG Web applications 1.0 স্পেসিফিকেশনের একটি অংশ, যা HTML5 নামেও পরিচিত।
এই টিউটোরিয়ালে আপনার HTML পেজে <canvas>
এলিমেন্ট ব্যবহারের প্রক্রিয়া আলোচনা করা হয়েছে। উদাহরণগুলো থেকে আপনি <canvas>
দিয়ে কি করতে পারেন, তা আন্দাজ করতে পারেন এবং আপনার নিজের ইমপ্লিমেন্টেশন তৈরিতে সাহায্য করতে পারে।
শুরু করার পূর্বে
<canvas>
ব্যবহার করা খুব কঠিন - তা নয়। কিন্তু, আপনার অবশ্যই HTML এবং জাভাস্ক্রিপ্ট এর সাধারণ ধারণা থাকতে হবে।
<canvas>
টি অনেক পুরনো ব্রাউজার সাপোর্ট করে না কিন্তু, ফায়ারফক্স ১.৫ ও পরবর্তী ভার্সন, অপেরা ৯ ও পরবর্তী, এবং সাফারি, গুগল ক্রোমের নতুন ভার্সন ও ইন্টারনেট এক্সপ্লোরার ৯ হতে কাজ করে।
এই টিউটোরিয়ালে আছে
- সাধারণ ব্যবহার
- শেপ (জ্যামিতিক আকৃতি) আঁকা
- ছবি (ইমেজ) ব্যবহার
- স্টাইল এবং রং প্রয়োগ করা
- ট্রান্সফরমেশন (রুপান্তর)
- কম্পোজিট করা
- সাধারণ এনিমেশন
- ক্যানভাস অপটিমাইজ করা
আরও দেখুন
- ক্যানভাস টপিক পেজ
- ক্যানভাসের সাহায্যে গ্রাফিক্স আঁকা
- ক্যানভাসের উদাহরণ
- HTML5 টিউটোরিয়াল
- ক্যানভাস ব্যবহার করে টেক্সট আঁকা
- ক্যানভাসে টেক্সট যুক্ত করা
- ক্যানভাস ডেমো - গেম, অ্যাপ্লিকেশন, টুল এবং টিউটোরিয়াল
- ক্যানভাস ড্রয়িং এবং অ্যানিমেশন অ্যাপ্লিকেশন
- ইন্টারঅ্যাক্টিভ ক্যানভাস টিউটোরিয়াল
- সকল এট্রিবিউট ও মেথড সহ ক্যানভাস চিট শিট
- এডোব ইলাস্ট্রেটর -> ক্যানভাস প্লাগ-ইন
- HTML5CanvasTutorials
- ক্যানভাস API এর সাহায্যে একটি বিন্দু আঁকা
- ক্যানভাস API এর সাহায্যে N grade Bézier curve আঁকা
- ৩১ দিনের ক্যানভাস টিউটোরিয়াল