కాంవాస్ క్రీయాత్మక పేజీ మెటా ప్రకారం
నిర్వచనం మరియు ఉపయోగం
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 以及更早的版本不支持
