কম্পিউটার

HTML ক্যানভাস শ্যাডোঅফসেটওয়াই প্রপার্টি


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

নিম্নলিখিত সিনট্যাক্স −

context.shadowOffsetY=num;

এখানে, num পিক্সেলে উল্লম্ব দূরত্বের প্রতিনিধিত্ব করে।

ক্যানভাসের shadowOffsetY প্রপার্টি -

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

উদাহরণ

<!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 = 30;
   ctx.shadowOffsetX = 35;
   ctx.shadowOffsetY = 35;
   ctx.shadowColor = "orange";
   ctx.fillStyle = "red";
   ctx.fillRect(150, 60, 280, 250);
</script>
</body>
</html>

আউটপুট

HTML ক্যানভাস শ্যাডোঅফসেটওয়াই প্রপার্টি


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

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

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

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