SVGTransform
Базовая поддержка Широко доступна
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.
Интерфейс SVG transform
SVGTransform — это интерфейс для одного из компонентных преобразований внутри SVGTransformList; таким образом, объект SVGTransform соответствует одному компоненту (например, scale(…) или matrix(…)) внутри атрибута transform.
Объект SVGTransform может быть обозначен как только для чтения, что означает, что попытки изменить объект приведут к выбрасыванию исключения.
Обзор интерфейса
| Также реализует | Нет |
|---|---|
| Методы |
|
| Свойства |
|
| Константы |
|
| Нормативный документ | SVG 1.1 (2-е издание) |
Константы
| Имя | Значение | Описание |
|---|---|---|
SVG_TRANSFORM_UNKNOWN | 0 | Тип единицы не является одним из предопределённых типов единиц. Попытка определить новое значение этого типа или изменить существующее значение на этот тип является недопустимой. |
SVG_TRANSFORM_MATRIX | 1 | Преобразование matrix(…) |
SVG_TRANSFORM_TRANSLATE | 2 | Преобразование translate(…) |
SVG_TRANSFORM_SCALE | 3 | Преобразование scale(…) |
SVG_TRANSFORM_ROTATE | 4 | Преобразование rotate(…) |
SVG_TRANSFORM_SKEWX | 5 | Преобразование skewx(…) |
SVG_TRANSFORM_SKEWY | 6 | Преобразование skewy(…) |
Свойства экземпляра
| Имя | Тип | Описание |
|---|---|---|
| unsigned short | Тип значения, как указано одной из констант SVG_TRANSFORM_* на этом интерфейсе. |
| float | Удобный атрибут для SVG_TRANSFORM_ROTATE, SVG_TRANSFORM_SKEWX и SVG_TRANSFORM_SKEWY. Он хранит угол, который был задан.Для SVG_TRANSFORM_MATRIX, SVG_TRANSFORM_TRANSLATE и SVG_TRANSFORM_SCALE, angle будет нулём. |
| DOMMatrix | Матрица, представляющая это преобразование. Объект матрицы динамический, что означает, что любые изменения, внесённые в объект
|
Методы экземпляра
| Имя и аргументы | Возвращаемое значение | Описание |
|---|---|---|
| void | Устанавливает тип преобразования на Исключения:
|
| void | Устанавливает тип преобразования на Исключения:
|
| void | Устанавливает тип преобразования на Исключения:
|
| void | Устанавливает тип преобразования на Исключения:
|
| void | Устанавливает тип преобразования на Исключения:
|
| void | Устанавливает тип преобразования на Исключения:
|
Спецификации
Совместимость браузеров
| Настольные | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
SVGTransform |
1 | 12 | 1.5 | ≤12.1 | 4 | 18 | 4 | ≤12.1 | 3.2 | 1.0 | ≤37 |
angle |
1 | 12 | 1.5 | ≤12.1 | 4 | 18 | 4 | ≤12.1 | 3.2 | 1.0 | ≤37 |
matrix |
1 | 12 | 1.5 | ≤12.1 | 4 | 18 | 4 | ≤12.1 | 3.2 | 1.0 | ≤37 |
setMatrix |
1 | 12 | 1.5 | ≤12.1 | 4 | 18 | 4 | ≤12.1 | 3.2 | 1.0 | ≤37 |
setRotate |
1 | 12 | 1.5 | ≤12.1 | 4 | 18 | 4 | ≤12.1 | 3.2 | 1.0 | ≤37 |
setScale |
1 | 12 | 1.5 | ≤12.1 | 4 | 18 | 4 | ≤12.1 | 3.2 | 1.0 | ≤37 |
setSkewX |
1 | 12 | 1.5 | ≤12.1 | 4 | 18 | 4 | ≤12.1 | 3.2 | 1.0 | ≤37 |
setSkewY |
1 | 12 | 1.5 | ≤12.1 | 4 | 18 | 4 | ≤12.1 | 3.2 | 1.0 | ≤37 |
setTranslate |
1 | 12 | 1.5 | ≤12.1 | 4 | 18 | 4 | ≤12.1 | 3.2 | 1.0 | ≤37 |
type |
1 | 12 | 1.5 | ≤12.1 | 4 | 18 | 4 | ≤12.1 | 3.2 | 1.0 | ≤37 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGTransform