Canvas strokeRect() မေးမြန်း

အကျိုးသက် နှင့် အသုံးပြုပုံ

strokeRect() ပုံအား ဖော်ပြသည် (အမှုန် မပါဘူး) မေးမြန်းစဉ်၊ ပြောင်းလဲခြင်း အရေးကြီးသည်။ ပြောင်းလဲခြင်း ပုံစံ အရှိန် အရောင် အဆိုးအရေး များစွာ ဖြစ်သည်။

အကြောင်းကြားမှုအကြိမ်ကြိမ် အသုံးပြုပါ။ strokeStyle အက်ယ္စ် ဖြင့် ပြောင်းလဲသော အရောင်၊ အသားအရောင်ရှိသော ပြောင်းလဲခြင်း ဖြင့် ပြင်ဖော်ထားသည်。

အကျိုးသက်

150*100 ပမာဏ ပုံအား ဖော်ပြပါ။

သင့် ဘရောက်သတ္တု ကို HTML5 ကျမ်းဂန်း ဂြိုပ်ကွဲကို ထောက်ပံ့ခြင်း မရှိပါဘူး。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);

ကိုယ်တိုင် ကြိုးစားကြည့်

ဘာသာစကား

context.strokeRect(x,y,width,height);

ပါဝင်သည် ပမာဏ

ပါဝင်သည် ဖော်ပြ
x ပုံအား အရှေ့မြောက်ဘက် x ချိန်ဆိုင်သည်。
y ပုံအား အရှေ့မြောက်ဘက် y ချိန်ဆိုင်သည်。
width ပုံအား ပမာဏကို ပိုင်းစဉ်အချက်အလက် ဖော်ပြသည်。
height 矩形的高度,以像素计。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

စကားလုံးInternet Explorer 8 နှင့် ပိုမိုကြီးသော အသုံးပြုခြင်း မပေးထား <canvas> အရာ