CanvasRenderingContext2D.currentTransform

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

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

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
currentTransform
Экспериментальная
Chrome Полная поддержка Да
Отключено
Полная поддержка Да
Отключено
Отключено This feature is behind the Experimental Web Platform Features preference. To change preferences in Chrome, visit chrome://flags.
Edge Полная поддержка ДаFirefox Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See bug 928150. Firefox also supports the experimental and prefixed properties mozCurrentTransform and mozCurrentTransformInverse which set or get the current (inverse) transformation matrix.
IE Нет поддержки НетOpera Нет поддержки НетSafari Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See webkitbug(174278).
WebView Android Нет поддержки НетChrome Android Нет поддержки НетEdge Mobile Полная поддержка ДаFirefox Android Нет поддержки НетOpera Android Нет поддержки НетSafari iOS Нет поддержки НетSamsung Internet Android Нет поддержки Нет
Returns a DOMMatrix
Экспериментальная
Chrome Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See bug 637940.
Edge ? Firefox Нет поддержки НетIE Нет поддержки НетOpera Нет поддержки НетSafari Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See bug 174278.
WebView Android Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See bug 637940.
Chrome Android Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See bug 637940.
Edge Mobile Полная поддержка ДаFirefox Android Нет поддержки НетOpera Android Нет поддержки НетSafari iOS Нет поддержки НетSamsung Internet Android Нет поддержки Нет

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Совместимость неизвестна  
Совместимость неизвестна
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Смотрите замечания реализации.
Смотрите замечания реализации.
Пользователь должен сам включить эту возможность.
Пользователь должен сам включить эту возможность.

 

 

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

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

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