Метод setTransform

Делает сброс матрицы преобразования к единичной матрице, а затем вызывается метод transform с параметрами указанными в setTransform.

Синтаксис

setTransform(a,b,c,d,e,f)

Пример

var rectWidth = 150;
var rectHeight = 75;

// перемещаем контекст к центру холста
ctx.translate(canvas.width / 2, canvas.height / 2);
 
ctx.fillStyle = "blue";
ctx.fillRect(-rectWidth / 2, -rectHeight / 2, rectWidth, rectHeight);
 
// сбрасываем матрицу трансформаций
// 1 0 0
// 0 1 0
// 0 0 1
 
// применяем новую трансформацию
ctx.setTransform(1, 0, 0, 1, 0, 0);
 
ctx.fillStyle = "red";
ctx.fillRect(0, 0, rectWidth, rectHeight);

В живую.

Теги: HTML5, Canvas 2D API, Canvas

Показать комментарии