HTML canvas miterLimit Property
ဥပမာ
အများဆုံး မီတာအရှည် 5 ဖြင့် မျဉ်းများဆွဲပါ-
JavaScript-
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.lineWidth = 10;
ctx.lineJoin = "miter";
ctx.miterLimit = 5;
ctx.moveTo(20, 20);
ctx.lineTo(50, 27);
ctx.lineTo(20, 34);
ctx.stroke();
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
miterLimit | Yes | 9.0 | Yes | Yes | Yes |
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
miterLimit ပိုင်ဆိုင်မှုသည် အများဆုံး miter အရှည်ကို သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
မီတာအရှည်သည် မျဉ်းနှစ်ကြောင်းဆုံသည့်အတွင်းထောင့်နှင့် အပြင်ထောင့်ကြားအကွာအဝေးဖြစ်သည်။
အကြံပြုချက်- lineJoin attribute သည် "miter" ဖြစ်မှသာ miterLimit ပိုင်ဆိုင်မှုသည် အလုပ်လုပ်ပါသည်။
ထောင့်ထောင့် ကျဉ်းလာသည်နှင့်အမျှ miter အရှည်သည် ပိုကြီးလာသည်။
မီတာအရှည်ကို ရှည် လွန်း ခြင်းမှ ကာကွယ်ရန် ၊ miterLimit ပိုင်ဆိုင်မှုကို အသုံးပြုနိုင်ပါသည်။
miter အရှည်သည် miterLimit တန်ဖိုးထက် ကျော်လွန်ပါက၊ ထောင့်ကို lineJoin type "bevel" အဖြစ် ပြသပါမည် (ပုံ 3)။
မူလတန်ဖိုး: | ၁၀ |
---|---|
JavaScript syntax- | ဆက်စပ် .miterLimit= နံပါတ် ; |
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
number | A positive number that specifies the maximum miter length. If the current miter length exceeds the miterLimit, the corner will display as lineJoin "bevel" |
❮ HTML Canvas အကိုးအကား