Canvas shadowOffsetX গুণ
বিবরণ এবং ব্যবহার
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 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> তত্ত্বকে সমর্থন করে না。
