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);

Результат

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

Спецификация	Статус	Комментарий
HTML Living Standard Определение 'CanvasRenderingContext2D.currentTransform' в этой спецификации.	Живой стандарт

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

BCD tables only load in the browser

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

Интерфейс, определяющий его, CanvasPattern
SVGMatrix (en-US)
DOMMatrix (en-US)