HTML canvas translate() metoden
Definition og brug
translate() metoder, der genmapperer (0,0) positionen på canvaset.
Bemærk:når du kalder metoder som fillRect() lignende metoder, vil værdierne blive tilføjet til x og y koordinatværdierne.
Eksempel
Tegn en rektangel på position (10,10), og sett den nye (0,0) positionen til (70,70). Tegn en ny rektangel (bemærk at rektanglen starter fra position (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);
Syntaks
context.translate(x,y);
Parameter værdi
| Parameter | Beskrivelse |
|---|---|
| x | Værdien tilføjes til den horisontale koordinat (x). |
| y | Værdien tilføjes til den vertikale koordinat (y). |
Browser support
Tal i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Bemærk:Internet Explorer 8 og tidligere versioner understøtter ikke <canvas>-elementet.
