HTML canvas createRadialGradient() နည်းလမ်း

HTML5 Canvas အမှတ်အသား

ဖော်ပြချက် နှင့် အသုံးပြုခြင်း

createLinearGradient() method အရ ကြယ်အရောင်သွား/အရာဝတ္တရ လက္ခဏာ ကို ဖွဲ့စည်းတယ်

အရောင်သွားလည်းဖော်ပြတယ် အရာများ ကို ပြုပြင်တယ်

အကြောင်းအရာသုံးပြီးနောက် strokeStyle သို့မဟုတ် fillStyle အရေးယူရမည့် အရာ၏ အသုံးပြုပုံ

အကြောင်းအရာသုံးပြီးနောက် addColorStop() နည်းလမ်း အရ အရောင်များ နှင့် gradient လက္ခဏာ တွင် အရောင်များ တွင် နေရာများ ကို ချမှတ်တယ်

အကြိုး

နောက်ခံမျက်နှာ တစ်ခု ဖြင့် ပုံမှန် ကို ဖော်ပြပြီး ကြယ်အရောင်သွား/အရာဝတ္တရပုံ ကြောင်းပြီး ပြုပြင်တယ်

သင်၏ ဘရောက်သုံးပုံ ကို HTML5 canvas လက္ခဏာ ကို ထောက်ပံ့ခြင်း မရှိပါ။

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var grd=ctx.createRadialGradient(75,50,5,90,60,100);
grd.addColorStop(0,"red");
grd.addColorStop(1,"white");
// အရောင်သွားလည်းဖော်ပြတယ်
ctx.fillStyle=grd;
ctx.fillRect(10,10,150,100);

သင်ကိုယ်ဖြင့် စစ်ဆေးပါ

လက်တင်

context.createRadialGradient(x0,y0,r0,x1,y1,r1);

ပါဝင် ကို

ပါဝင်သည် ဖော်ပြ
x0 အသီးသီး အခ�ေအနေ
y0 အသီးသီး အခြေအနေ
r0 စတင် နှလုံး အခြေအနေ
x1 အသီးသီး အခြေအနေ
y1 အသီးသီး အခြေအနေ
r1 နှလုံး အခြေအနေ

ဘတ်တာ အကူအညီ

အခြေခံ အမှတ်အသား မှ ပေါ်ပေါက်သော အခြေခံ လက်တင် ကို ဖော်ပြသည်

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 အမှတ်အသား