Canvas createPattern() အမည်ရှိ ဓာတ်ပြား
အသုံးပြုနည်းနှင့် ဖော်ပြ
createPattern()
အသုံးပြုသော အချက်အလက် ကို အသုံးပြုသော အချက်အလက် အရောက် အတွင်း ကြိုးပါးသည်။
အစိတ်အပိုင်း အမျိုးအစား အချို့ မှ ပုံ သို့မဟုတ် ဗွီဒီယို သို့မဟုတ် အခြား <canvas> အစိတ်အပိုင်းများ ဖြစ်ကြပါသည်။
ကြိုးပါးသော အစိတ်အပိုင်း ကို ရှိန်း/ပန်း သို့မဟုတ် အကွက် ကို ရှိန်း/ပန်း သို့မဟုတ် အကွက် ကို အသုံးပြုနိုင်ပါ။
အကျိုးသတ္တု
အသုံးပြုသော ပုံ

အကွက် နှင့် အရှည် အရောက် ကြိုးပါးသည်။
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var img=document.getElementById("lamp"); var pat=ctx.createPattern(img,"repeat"); ctx.rect(0,0,150,100); ctx.fillStyle=pat; ctx.fill();
ပုံစံ
context.createPattern(image,"repeat|repeat-x|repeat-y|no-repeat");
သဘော အသုံးချက်
သဘော | ဖော်ပြ |
---|---|
image | အသုံးပြုရန် ရိုက်ခဲ့သော ပုံ သို့မဟုတ် ကျမ်းစာအုပ် သို့မဟုတ် ဗွီဒီယို အစိတ်အပိုင်းများ ကို အသုံးပြုရန်。 |
repeat | မည်သည်မဆို အရေးသားသည်။ ဒီ ပုံစံ အကွက် နှင့် အရှည် အရောက် ကြိုးပါးသည်။ |
repeat-x | ဒီ ပုံစံ သာ အကွက် အရောက် ကြိုးပါးသည်။ |
repeat-y | 该模式只在垂直方向重复。 |
no-repeat | 该模式只显示一次(不重复)。 |
浏览器支持
表中的数字注明了首个完全支持该属性的浏览器版本。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注释:Internet Explorer 8 以及更早的版本不支持