এইচটিএমএল ক্যানভাসে অঙ্কন জাভাস্ক্রিপ্ট দিয়ে করতে হবে৷ ক্যানভাসে আঁকার আগে HTML DOM পদ্ধতি getElementById() এবং getContext() ব্যবহার করুন।
এর জন্য, কিছু ধাপ অনুসরণ করুন −
- ক্যানভাস উপাদান খুঁজে পেতে আপনাকে getElementById() পদ্ধতি ব্যবহার করতে হবে।
- getContext() ব্যবহার করুন, যা ক্যানভাসের জন্য অবজেক্ট অঙ্কন করছে। এটি আঁকার পদ্ধতি এবং বৈশিষ্ট্য প্রদান করে।
- এর পর ক্যানভাসে আঁকা।
উদাহরণ
আপনি JavaScript-
-এ ক্যানভাস আঁকার জন্য নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন<!DOCTYPE html>
<html>
<head>
<title>HTML Canvas</title>
</head>
<body>
<canvas id="newCanvas" width="400" height="250" style="border:2px solid #000000;"></canvas>
<script>
var canvas = document.getElementById("newCanvas");
var ctxt = canvas.getContext("2d");
ctxt.fillStyle = "#56A7E2";
ctxt.fillRect(0,0,250,120);
</script>
</body>
</html> 