క్యాన్వాస్ ట్రాన్స్లేట్() పద్ధతి
నిర్వచనం మరియు ఉపయోగం
translate() పద్ధతి ద్వారా క్యాన్వాస్ పైన యుక్తమైన (0,0) స్థానమును పునఃమాపడం జరుగుతుంది.
ప్రకటనలు:మీరు translate() తర్వాత వంటి పద్ధతులను కాల్ చేసినప్పుడు fillRect() వంటి పద్ధతులను వాడినప్పుడు, విలువలు జోడించబడతాయి x మరియు y కోఆర్డినేట్ విలువలపై.
ఉదాహరణ
స్థానము (10,10) వద్ద ఒక చతురస్రాకారమును చిత్రీకరించండి, కొత్త (0,0) స్థానమును (70,70) గా నిర్వచించండి. మళ్ళీ కొత్త చతురస్రాకారమును చిత్రీకరించండి (మీరు గమనించవచ్చు ఇప్పుడు చతురస్రాకారము స్థానము (80,80) నుండి చిత్రీకరించబడుతుంది):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
సంకేతము
context.translate(x,y);
పారామీటర్ విలువ
| పారామీటర్ | వివరణ |
|---|---|
| x | ప్రింటి ప్రక్కనుంచి వర్గము పైన విలువను జోడించండి. |
| y | ప్రింటి ప్రక్కనుంచి వర్గము పైన విలువను జోడించండి. |
బ్రౌజర్ మద్దతు
ఈ పట్టికలో వరుసలు ఈ లక్ష్యాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ నిర్దేశించబడ్డాయి.
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ప్రకటనలు:Internet Explorer 8 మరియు అంతకు ముంది వర్షాలు <canvas> కొడ్డిని మద్దతు చేయలేదు.
