CanvasRenderingContext2D.currentTransform

Experimental: Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

Свойство CanvasRenderingContext2D.currentTransform, предоставляемое Canvas 2D API, возвращает или устанавливает объект SVGMatrix (en-US) для текущей матрицы преобразований.

Синтаксис

ctx.currentTransform [= value];
value

Объект SVGMatrix (en-US), который будет использован в роли текущей матрицы преобразований.

Примеры

Использование метода currentTransform

Ниже представлен простой фрагмент кода, использующий свойство currentTransform для установки матрицы преобразований.

HTML

<canvas id="canvas"></canvas>

JavaScript

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');

let matrix = ctx.currentTransform;
matrix.a = 1;
matrix.b = 1;
matrix.c = 0;
matrix.d = 1;
matrix.e = 0;
matrix.f = 0;
ctx.currentTransform = matrix;
ctx.fillRect(0, 0, 100, 100);

Результат

Спецификации

{{Specifications}}

Поддержка браузерами

{{Compat}}

Смотрите также