Phương thức Translate trong HTML5 Canvas



HTML5 canvas cung cấp phương thức translate(x,y) được sử dụng để di chuyển canvas và điểm ban đầu của nó tới một điểm khác trong grid.

Ở đây, tham số x là số canvas được di chuyển tới bên trái hoặc phải, và y là số lượng để nó được di chuyển lên hoặc xuống.

Ví dụ

Sau đây là ví dụ sử dụng phương thức trên để vẽ Spirograph:







   


Ví dụ trên sẽ cho kết quả sau:

Canvas Translation

canvas_trong_html5.jsp