HTML canvas translate() na methodo
Paglilinaw at Paggamit
translate() pag-uugnay muli ang (0,0) na lokasyon ng lien sa ibabaw ng lien.
หมายเหตุ：Kapag tinatawag mo ang mga methodong tulad ng fillRect() ng ganitong klase ng paraan, ang halaga ay idadagdag sa x At y Sa koordinadong halaga.
Eksemplo
Ipipinta ang isang parihaba sa lokasyon (10,10), itala ang bagong (0,0) na lokasyon bilang (70,70). Muling pipinta ang bagong parihaba (paalala: ang parihaba ngayon ay nagsisimula 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);
รูปแบบ
context.translate(x,y);
ค่าตัวแปร
| ตัวแปร | การอธิบาย |
|---|---|
| x | ค่าที่เพิ่มไปบนตำแหน่งตัวเลข (x) |
| y | ค่าที่เพิ่มไปบนตำแหน่งตัวเลข (y) |
การสนับสนุนโปรแกรมบราวเซอร์
ตัวเลขในตารางระบุเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ：Internet Explorer 8 และเวอร์ชั่นเก่ากว่าไม่สนับสนุนสิ่งที่ชื่อว่า <canvas>。
