কম্পিউটার

এইচটিএমএল ক্যানভাস শ্যাডোব্লার প্রপার্টি


HTML ক্যানভাসের shadowBlur প্রপার্টি ছায়ার জন্য ব্লার লেভেল সেট করতে ব্যবহৃত হয়। ডিফল্ট মান হল 0৷ উপাদানটি আপনাকে জাভাস্ক্রিপ্ট ব্যবহার করে একটি ওয়েব পৃষ্ঠায় গ্রাফিক্স আঁকতে দেয়৷ প্রতিটি ক্যানভাসে দুটি উপাদান থাকে যা ক্যানভাসের উচ্চতা এবং প্রস্থ যথাক্রমে উচ্চতা এবং প্রস্থকে বর্ণনা করে।

নিচের সিনট্যাক্স −

ctx.shadowBlur=num;

উপরে, সংখ্যাটি ছায়ার জন্য অস্পষ্ট স্তরের প্রতিনিধিত্ব করে।

ক্যানভাস -

এর shadowBlur প্রপার্টি বাস্তবায়নের জন্য এখন একটি উদাহরণ দেখা যাক

উদাহরণ

<!DOCTYPE html>
<html>
<body>
<canvas id="newCanvas" width="600" height="350" style="border:2px solid orange;">
</canvas>
<script>
   var c = document.getElementById("newCanvas");
   var ctx = c.getContext("2d");
   ctx.shadowBlur = 20;
   ctx.shadowColor = "black";
   ctx.fillStyle = "green";
   ctx.fillRect(40, 40, 100, 250);
   ctx.shadowBlur = 30;
   ctx.shadowColor = "blue";
   ctx.fillStyle = "orange";
   ctx.fillRect(200, 40, 200, 150);
</script>
</body>
</html>

আউটপুট

এইচটিএমএল ক্যানভাস শ্যাডোব্লার প্রপার্টি


  1. HTML DOM পূর্ববর্তী সহোদর সম্পত্তি

  2. এইচটিএমএল ডম স্ক্রোলটপ সম্পত্তি

  3. HTML DOM স্ক্রোল বাম সম্পত্তি

  4. এইচটিএমএল ক্যানভাস বেসিক