HTML5 Canvas có hai phương thức để lưu và trả về trạng thái trước đó là save() và restore(). Chúng ta cứ hình dung như save() dùng để đánh dấu các vạch, restore() dùng để quay về vạch trước đó một hoặc nhiều lần. Nếu chưa hiểu bạn có thể xem ví dụ minh họa bên dưới để dể hiểu hơn nhé:

Để lật ngược hình (mirror transform) trong HTML5 Canvas chúng ta sử dụng scale với giá trị offsetX hoặc offsetY là -1.

Để quay trong HTML5 Canvas, chúng ta dùng phương thức rotate(). Phương thức này được định nghĩa với một góc trong đường tròn.

Cú pháp:

Để scale trong HTML5 Canvas chúng ta dùng phương thức scale(). Phương thức này được định nghĩa với hai tham số scale x và scale y.

Cú pháp:

Để di chuyển con trỏ tới một điểm (như moveTo) chúng ta có thể dùng phương thúc translate().

Để cắt một khoảng giữa các hình giao nhau trong HTML5 Canvas chúng ta có thể sử dụng thuộc tính globalCompositeOperation. Thuộc tính này có 11 giá trị: source-atop, source-in, source-out, source-over, destination-atop, destination-in, destination-out, destination-over, lighter, xor, và copy. Giá trị mặc định sẽ là source-over.