HTML Canvas shadowColor প্রোপার্টি

Canvas shadowColor প্রোপার্টি

HTML Canvas-এ shadowColor প্রোপার্টি আঁকা শেপের ছায়ার (shadow) রঙ সেট করতে ব্যবহৃত হয়। ডিফল্ট মান #000000 (কালো)। ছায়া দেখায়ের জন্য shadowBlur (ব্লার রেডিয়াস) > ০ থাকতে হয়।

সিনট্যাক্স

ctx.shadowColor = "color";

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <canvas id="myCanvas" width="600" height="350" style="border:2px solid orange;"></canvas>
  <script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.shadowBlur = 20;           // ছায়ার ব্লার রেডিয়াস
    ctx.shadowColor = "gray";      // ছায়ার রঙ
    ctx.fillStyle = "blue";        // শেপের রঙ
    ctx.fillRect(40, 40, 200, 250); // আয়ত আঁকা
  </script>
</body>
</html>

আউটপুট

Shadow সংক্রান্ত সব প্রোপার্টি

সেটিং শিরোনামে সব প্রোপার্টি

ctx.shadowColor = "rgba(0, 0, 0, 0.5)"; // অর্দেক ট্রান্সপেরেন্ট কালো
ctx.shadowBlur = 10;
ctx.shadowOffsetX = 5;
ctx.shadowOffsetY = 5;
ctx.fillStyle = "blue";
ctx.fillRect(50, 50, 100, 100);

দ্রষ্টব্য

• শ্যাডো শুধু শেপের (path) চারপাশে পড়ে, টেক্সটে fillText()/strokeText()-এও কাজ করে।
• বেশ ব্লার (shadowBlur > 50) পারফরম্যান্স কমাতে পারে।
• শ্যাডো রিসেট করতে: ctx.shadowColor = "transparent"; ctx.shadowBlur = 0;