CanvasRenderingContext2D.resetTransform()

CanvasRenderingContext2D.resetTransform() - скидає матрицю.

Синтаксис:

ctx.resetTransform();

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

Опис:

resetTransform() метод об'єкту CanvasRenderingContext2D який скидає матрицю перетворення для малювання на полотні canvas.

Аналогічно можна скинути матрицю за допомогою setTransform(1, 0, 0, 1, 0, 0);.

Приклад:

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.font="24pt aril";

ctx.transform(1, 0.16, 0, 1, 1, 1);
ctx.fillStyle="black";
ctx.fillText("transform", 10, 24);
ctx.fillStyle="red";
ctx.transform(1, 0.16, 0, 1, 1, 1);

ctx.resetTransform();

ctx.fillText("transform", 10, 24);

 var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle="red";
ctx.rotate(0.48);
ctx.fillRect(40, 10, 70, 70);

ctx.resetTransform();

ctx.fillStyle="blue";
ctx.fillRect(40, 10, 70, 70);