HTML canvas shadowOffsetX প্রতিভূতি

HTML5 Canvas রেফারেন্স ম্যানুয়েল

বিবরণ ও ব্যবহার

shadowOffsetX প্রতিভূতি সংযোজন করা বা ফিরিয়ে দেওয়ার জন্য, শৃঙ্গরক্ষক সময় নির্ধারণ করুন:

  • shadowOffsetX=0 ছায়া আকারের নীচের দিকে
  • shadowOffsetX=20 ছায়া আকারের left অবস্থানের 20 পিক্সেল ডানদিকে অবস্থান করে
  • shadowOffsetX=-20 ছায়া আকারের left অবস্থানের 20 পিক্সেল ডানদিকে অবস্থান করে

সুঝান:আকারের উপরিভাগের বান্ধব ভূমিকা সংযোজন করতে, ব্যবহার করুন: shadowOffsetY প্রতিভূতি

প্রতিমান

একটি চতুর্ভুজ আঁকুন, যার উপরিভাগে 20 পিক্সেল ডানদিকের ছায়া (চতুর্ভুজের left অবস্থান থেকে):

আপনার ব্রাউজার ক্যানভাস ট্যাগটি সমর্থন করে না。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);

亲自试一试

语法

context.shadowOffsetX=number;

属性值

值 描述
number 正值或负值，定义阴影与形状的水平距离。

টেকনিক্যাল বিবরণ

ডিফল্ট মান: 0

ব্রাউজার সমর্থন

সারণীতে দেওয়া সংখ্যাগুলি এই বৈশিষ্ট্যটি পূর্ণাত্মকভাবে সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
4.0 9.0 3.6 4.0 10.1

মন্তব্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণ HTML <canvas> ইলেকট্রনম

HTML5 Canvas রেফারেন্স ম্যানুয়েল