Canvas shadowOffsetY গুণধর্ম

Canvas সংক্ষিপ্ত বিষয়বস্তু

সংজ্ঞা ও ব্যবহার

shadowOffsetY গুণধর্ম সংস্থান কিংবা আবদ্ধকের সাথে আকৃতির সাপেক্ষিক দূরত্ব নির্দিষ্ট করে。

  • shadowOffsetY=0 আবদ্ধক আকৃতির নীচের অবস্থানে
  • shadowOffsetY=20 আবদ্ধক আকৃতির টপ অবস্থানের 20 পিক্সেল নীচে অবস্থান করে
  • shadowOffsetY=-20 আবদ্ধক আকৃতির টপ অবস্থানের 20 পিক্সেল উপরে অবস্থান করে

সুঝানা:আকৃতির হলদিক অবস্থানকে সংশোধন করতে, এটা ব্যবহার করুন shadowOffsetX গুণধর্ম

প্রয়োগ

একটি চতুর্ভুজ আবদ্ধক, 20 পিক্সেল নিচের অবস্থান (চতুর্ভুজের টপ অবস্থান থেকে) দ্বারা দৃশ্যমান করুন:

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

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=নম্বর;

গুণধর্মের মান

মান বর্ণনা
নম্বর সমীকরণ অথবা নেতিবাচক মান, আবদ্ধক এবং আকৃতির সাপেক্ষিক দূরত্ব নির্দিষ্ট করে。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: 0

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

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

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

প্রতিপাদ্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> তত্ত্বটিকে সমর্থন করে না。

Canvas সংক্ষিপ্ত বিষয়বস্তু