fillStyle ဂုဏ်သတ္တိ

fillStyle ဂုဏ်သတ္တိသည် canvas ပေါ်တွင် ပုံဆွဲသည့်အခါ ပုံသဏ္ဍာန်၏ အတွင်းပိုင်းကို ဖြည့်မည့် အရောင်ကို သတ်မှတ်ပေးသည်။ ဂုဏ်သတ္တိ၏ တန်ဖိုးသည် မည်သည့် CSS အရောင်ယူနစ်များ ဖြစ်နိုင်သည်။

ဝါကျဖွဲ့ပုံ

context.fillStyle = အရောင်;

ဥပမာ

rect ကိုအသုံးပြု၍ စတုရန်းတစ်ခုဆွဲပြီး အနီရောင်ဖြင့် ဖြည့်ကြည့်ရအောင်:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.rect(50, 50, 100, 100);
ctx.fillStyle = 'red';
ctx.fill();

ဤအကြောင်း ဆက်လက်ဖတ်ရှုရန်

strokeStyle နည်းလမ်း,
သည် လိုင်း၏အရောင်ကို သတ်မှတ်ပေးသည်