JavaScript-এ canvas এর সাথে কাজ শুরু করা
ক্যানভাস হল JavaScript-এ ব্রাউজারে আঁকার জন্য একটি বিশেষ ফিল্ড।
এই ফিল্ডটি <canvas> ট্যাগ ব্যবহার করে তৈরি করা হয়,
যার প্রস্থ এবং উচ্চতা উল্লেখ করা প্রয়োজন:
<canvas width="200" height="200"></canvas>
JavaScript-এ এই ফিল্ডের সাথে কাজ করার জন্য, প্রথমে কোনও ভেরিয়েবলে এই ট্যাগের একটি রেফারেন্স পান:
let canvas = document.querySelector('canvas');
এরপর এই ভেরিয়েবলে getContext মেথড প্রয়োগ করা প্রয়োজন:
let canvas = document.querySelector('canvas');
let ctx = canvas.getContext('2d');
সরলীকরণ করা যেতে পারে:
let ctx = document.querySelector('canvas').getContext('2d');
ফলস্বরূপ, ctx ভেরিয়েবলে একটি অবজেক্ট লিখবে
যাতে তথাকথিত এক্সিকিউশন কনটেক্সট থাকে।
এই অবজেক্টের মেথড ব্যবহার করে সমস্ত আঁকার কাজ ঘটবে।
পরবর্তী পাঠগুলিতে আমরা সেগুলি অধ্যয়ন করব।
