Canvas translate() Metodu
Tanım ve Kullanım
translate() yöntemleri çağırırsanız, çizim üzerindeki (0,0) konumunu yeniden haritalayan
Açıklama:translate() yöntemini takiben fillRect() bunu gibi yöntemler kullanılırken, değerler x ve y koordinat değerlerine.
Örnek
Konum (10,10) de bir dikdörtgen çizin, yeni (0,0) konumunu (70,70) olarak ayarlayın. Yeni bir dikdörtgen çizin (dikkat edin ki şimdi dikdörtgen (80,80) konumundan çiziliyor):
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);
Gramer
context.translate(x,y);
Parametre değeri
| Parametre | Açıklama |
|---|---|
| x | Yatay koordinata (x) eklenen değer. |
| y | Yatay koordinata (y) eklenen değer. |
Tarayıcı desteği
Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Açıklama:Internet Explorer 8 ve daha eski sürümler <canvas> ögesini desteklememektedir.
