HTML canvas shadowOffsetY এক্সিবার্স

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

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

shadowOffsetY বৈশিষ্ট্য সংযোজন বা আকৃতি ও আইনার বর্গীয় দূরত্ব রিটার্ন করে。

  • shadowOffsetY=0 আইনা আকৃতির নীচের দিকে
  • shadowOffsetY=20 আইনা আকৃতির top অবস্থানের 20 পিক্সেল নীচে রয়েছে
  • shadowOffsetY=-20 আইনা আকৃতির top অবস্থানের 20 পিক্সেল উপরে রয়েছে

পরামর্শ:আকারকে আকৃতির অস্থির অবস্থানে সংযোজিত করতে, এটি ব্যবহার করুন: shadowOffsetX বৈশিষ্ট্য

উদাহরণ

একটি চতুর্ভুজ আঁকুন যা নিচের দিকে 20 পিক্সেল স্ক্রোল করে (চতুর্ভুজের top অবস্থান থেকে):

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

JavaScript:

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

স্বয়ং প্রয়াস করুন

সিনট্যাক্স

context.shadowOffsetY=number;

এক্সপ্রেশন

মান বর্ণনা
number পজিটিভ বা নেগেটিভ মান, ছায়াটির সামনের দিকে সামঞ্জস্যপূর্ণ পার্শ্বদূষণ

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

ডিফল্ট মান: 0

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

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

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