Mga Paraan ng Canvas translate()
Paglalarawan at Paggamit
translate() method na muling mapapagpalit ang lokasyon (0,0) sa ibabaw ng kanvas.
Komentaryo:Kapag tinatawag mo ang mga paraan tulad ng fillRect() sa ganitong mga paraan, ang halaga ay dadagdagan sa x at y sa katampon na koordinado.
Mga Halimbawa
Ipipinta ang isang parihaba sa lokasyon (10,10), at i-set ang bagong (0,0) na lokasyon sa (70,70). Muli na ipipinta ang bagong parihaba (paalala: ang parihaba ngayon ay magsisimula sa lokasyon (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);
Gramata
context.translate(x,y);
Halaga ng Parametro
| Parametro | Paglalarawan |
|---|---|
| x | Magdagdag ng halaga sa katampon na koordinado (x). |
| y | Magdagdag ng halaga sa katampon na koordinado (y). |
Suporta ng browser
Ang numero sa talahanayan ay nagtutukoy sa unang bersyon ng browser na ganap na sumusuporta sa katangian.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Komentaryo:Hindi suportado ng Internet Explorer 8 at mas maagang bersyon ang <canvas> element.
