CanvasRenderingContext2D.currentTransform
Experimental
Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
Свойство CanvasRenderingContext2D
.currentTransform
, предоставляемое Canvas 2D API, возвращает или устанавливает объект SVGMatrix
для текущей матрицы преобразований.
Синтаксис
ctx.currentTransform [= value];
value
- Объект
SVGMatrix
, который будет использован в роли текущей матрицы преобразований.
Примеры
Использование метода 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
DOMMatrix