CanvasRenderingContext2D.currentTransform

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

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

Синтаксис

ctx.currentTransform [= value];
value
Объект SVGMatrix, который будет использован в роли текущей матрицы преобразований.

Примеры

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

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

HTML

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

JavaScript

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

var 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' в этой спецификации.
Живой стандарт  

Совместимость с браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Возможность Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка (Да) [1] Нет [2] Нет Нет Нет
Возможность Android Chrome для Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая поддержка Нет Нет Нет Нет Нет Нет

[1] Поддержка данной возможности отключена по умолчанию. Активируйте флаг ExperimentalCanvasFeatures чтобы влючить ее.

[2] Смотрите баг 928150. Gecko также поддерживает экспериментальные свойства с префиксами mozCurrentTransform и mozCurrentTransformInverse, которые устанавливают или возвращают текущую (обратную) матрицу преобразований.

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

Метки документа и участники

Внесли вклад в эту страницу: ows-nightwolf
Обновлялась последний раз: ows-nightwolf,