Canvas createPattern() အမည်ရှိ ဓာတ်ပြား

အသုံးပြုနည်းနှင့် ဖော်ပြ

createPattern() အသုံးပြုသော အချက်အလက် ကို အသုံးပြုသော အချက်အလက် အရောက် အတွင်း ကြိုးပါးသည်။

အစိတ်အပိုင်း အမျိုးအစား အချို့ မှ ပုံ သို့မဟုတ် ဗွီဒီယို သို့မဟုတ် အခြား <canvas> အစိတ်အပိုင်းများ ဖြစ်ကြပါသည်။

ကြိုးပါးသော အစိတ်အပိုင်း ကို ရှိန်း/ပန်း သို့မဟုတ် အကွက် ကို ရှိန်း/ပန်း သို့မဟုတ် အကွက် ကို အသုံးပြုနိုင်ပါ။

အကျိုးသတ္တု

အသုံးပြုသော ပုံ

lamp

အကွက် နှင့် အရှည် အရောက် ကြိုးပါးသည်။

သင်၏ ဘတ်ယား က အီတလီ5 ကျမ်းစာအုပ် အချက်အလက် ကို ထောက်ပံ့ခြင်း မရှိပါ။

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 以及更早的版本不支持 元素。