HTML canvas shadowOffsetY အချက်အလက်

HTML5 Canvas လက်တွေး

အသုံးပြုခြင်း နှင့် အသုံးပြုခြင်း

shadowOffsetY အချက်အလက် အစားထိုးခြင်း သို့မဟုတ် ပုံသဏ္ဍာန် နှင့် အရောင်ပြားအား အကြားအရှိန်ကို ကြိုးစားသည်

  • shadowOffsetY=0 အရောင်ပြားအား ပုံမှန်၏ အောက်ပေါ်တွင် ရှိသည်ကို ညွှန်ပြသည်
  • shadowOffsetY=20 အရောင်ပြားအာ� ပုံမှန်၏ top ခွဲခြားထားသော နေရာမှ 20 ပမာဏရှိ အောက်ပေါ်တွင် ရှိသည်ကို ညွှန်ပြသည်
  • shadowOffsetY=-20 အရောင်ပြားအား ပုံမှန်၏ top ခွဲခြားထားသော နေရာမှ 20 ပမာဏရှိ အထက်ပေါ်တွင် ရှိသည်ကို ညွှန်ပြသည်

အကြောင်းကြားချက်:ပုံသဏ္ဍာန်၏ အဆင်းသတ်ချက် အရှိန်ကို ကျင့်သုံးရန် အသုံးပြုပါ: shadowOffsetX အချက်အလက်

အကြိမ်

ပုံမှန်တစ်ခုကို ဖွင့်ပြရန် 20 ပမာဏရှိ နောက်ဆုံး ခွဲခြားထားသော အရောင်ပြား (ပုံမှန်၏ top ခွဲခြားထားသော နေရာမှ):

ကျော်ကြီးသည် canvas ခုံးအမှတ်ကို ထောက်ပံ့မပဲ့သည်。

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 နှင့် ပိုမိုသေးသည်း ပုံမှား <canvas> အရာ ကို ကူညီပေးသည်။

HTML5 Canvas လက်တွေး