Phương thức dịch () canvas canvas
Thí dụ
Vẽ một hình chữ nhật ở vị trí (10,10), đặt vị trí mới (0,0) thành (70,70). Vẽ lại cùng một hình chữ nhật (lưu ý rằng hình chữ nhật bây giờ bắt đầu ở vị trí (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);
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương pháp này.
| Method | |||||
|---|---|---|---|---|---|
| translate() | Yes | 9.0 | Yes | Yes | Yes |
Định nghĩa và Cách sử dụng
Phương thức translate () ánh xạ lại vị trí (0,0) trên canvas.
Lưu ý: Khi bạn gọi một phương thức chẳng hạn như fillRect () sau translate (), giá trị được thêm vào các giá trị tọa độ x và y.
| Cú pháp JavaScript: | ngữ cảnh .translate ( x, y ); |
|---|
Giá trị tham số
Lưu ý: Bạn có thể chỉ định một hoặc cả hai tham số.
| Parameter | Description | Play it |
|---|---|---|
| x | The value to add to horizontal (x) coordinates | |
| y | The value to add to vertical (y) coordinates |
❮ Tham chiếu HTML Canvas