Технология векторного рисунка SVG

  В основе технологии векторного рисунка лежит тег SVG.
  Векторный рисунок это либо файл в формате SVG, либо набор соответствующих элементов svg-тегов, которые закодированы непосредственно в HTML-коде документа.
  Поскольку рисунок создаётся как содержимое - поля элемента HTML-тега SVG, то с помощью стандартных интерфейсов DOM для HTML-элементов, этот рисунок можно сделать анимированным.
  Существует также и технология пиксельного рисунка, которая, теоретически, требует больше программирования по сравнению с SVG, однако это не совсем и не всегда так.
  Последующий обзор объектов SVG технологии не претендует на полноту, и представлен постольку, поскольку эти объекты непосредственно связаны с объектом SVGSVGElement. Полный обзор SVG объектов был бы очень объёмен, так как требует описания соответствующих svg - тегов, а это выходит за рамки настоящего справочника.
  SVGSVGElement
  SVGSVGElement - Является объектом HTMLElement дополненным свойствами и методами для элементов тега SVG.
  Наследует все методы и свойства объекта HTMLElement.
  Экземпляр доступен:

  1. Как и любой экземпляр объекта HTMLElement
  2. Через свойство srcElement объекта SVGZoomEvent
  SVGSVGElement свойства.
  currentScale - Содержит текущий zoom-коэффициент относительно исходного вида рисунка.
  Значение имеет числовой формат.
  Масштабирование распространяется только на рисунок, поле элемента тега SVG не масштабируется, поэтому рисунок может быть обрезан.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.currentScale[= Значение]

Значения формата записи:

  currentTranslate - Содержит ссылку на интерфейс SVGPoint к текущему вектору смещения относительно исходного вида рисунка.
  Если, при смещении, рисунок выйдет за пределы поля элемента тега SVG, то он будет обрезан.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.currentTranslate[= Значение]

Значения формата записи:

  farthestViewportElement - Содержит ссылку на интерфейс SVGSVGElement к элементу самого верхнего "родительского" тега, поле которого служит окном просмотра SVG-рисунка.
  Если экземпляр объекта SVGSVGElement определяет самый "верхний" из вложенных элементов тега SVG, то его свойство farthestViewportElement содержит значение null.
  Обычно, но не всегда, окно просмотра SVG-графики выделяется в документе полем элемента тега SVG

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.farthestViewportElement

Значения формата записи:

  height - Содержит ссылку на интерфейс SVGAnimatedLength к значению атрибута HEIGHT элемента тега, указанного экземпляром объекта SVGSVGElement.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.height[= Значение]

Значения формата записи:

  nearestViewportElement - Содержит ссылку на интерфейс SVGSVGElement к элементу непосредственного "родительского" тега, поле которого служит окном просмотра SVG-рисунка.
  Если экземпляр объекта SVGSVGElement определяет самый "верхний" из вложенных элементов тега SVG, то его свойство nearestViewportElement содержит значение null.
  Обычно, но не всегда, окно просмотра SVG-графики выделяется в документе полем элемента тега SVG

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.nearestViewportElement

Значения формата записи:

  ownerSVGElement - Содержит ссылку на интерфейс SVGSVGElement к элементу непосредственного "родительского" тега.
  Если экземпляр объекта SVGSVGElement определяет самый "верхний" из вложенных элементов тега SVG, то его свойство ownerSVGElement содержит значение null.
  Для экземпляра объекта SVGSVGElement, в большинстве случаев, совпадает со значением свойства nearestViewportElement

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.ownerSVGElement

Значения формата записи:

  pixelUnitToMillimeterX - Содержит физический горизонтальный размер пикселя (в миллиметрах) в области просмотра на устройстве отображения рисунка.
  Значение имеет числовой формат.
  В большинстве случаев совпадает со значением свойства screenPixelToMillimeterX.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.pixelUnitToMillimeterX

Значения формата записи:

  pixelUnitToMillimeterY - Содержит физический вертикальный размер пикселя (в миллиметрах) в области просмотра на устройстве отображения рисунка.
  Значение имеет числовой формат.
  В большинстве случаев совпадает со значением свойства screenPixelToMillimeterY.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.pixelUnitToMillimeterY

Значения формата записи:

  preserveAspectRatio - Содержит ссылку на интерфейс SVGAnimatedPreserveAspectRatio к значению атрибута PRESERVEASPECTRATIO элемента тега, указанного экземпляром объекта SVGSVGElement.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.preserveAspectRatio[= Значение]

Значения формата записи:

  requiredExtensions - Содержит ссылку на интерфейс SVGStringList к списку расширений необходимых языков для рисунка.
  Или содержит значение null.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.requiredExtensions[= Список]

Значения формата записи:

  screenPixelToMillimeterX - Содержит физический горизонтальный размер пикселя (в миллиметрах) на устройстве отображения рисунка.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.screenPixelToMillimeterX

Значения формата записи:

  screenPixelToMillimeterY - Содержит физический вертикальный размер пикселя (в миллиметрах) на устройстве отображения рисунка.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.screenPixelToMillimeterY

Значения формата записи:

  transform - Содержит ссылку на интерфейс SVGAnimatedTransformList к списку всех трансформаций анимации рисунка.
  Или содержит значение null.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.transform[=Список]

Значения формата записи:

  useCurrentView - Содержит значение false если SVG-рисунок получен первоначально в документе непосредственной записью "дочерних" элементов svg-тегов, и значение true если этот рисунок получен с помощью атрибута XMLNS.
  Значение имеет логический формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.useCurrentView

Значения формата записи:

  x - Содержит ссылку на интерфейс SVGAnimatedLength к значению атрибута X элемента тега, указанного экземпляром объекта SVGSVGElement.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.x[= Значение]

Значения формата записи:

  y - Содержит ссылку на интерфейс SVGAnimatedLength к значению атрибута Y элемента тега, указанного экземпляром объекта SVGSVGElement.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.y[= Значение]

Значения формата записи:

  zoomAndPan - Содержит значение атрибута ZOOMANDPAN элемента тега, указанного экземпляром объекта SVGSVGElement.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.zoomAndPan[= Значение]

Значения формата записи:

  viewBox - Содержит ссылку на интерфейс SVGAnimatedRect к значению атрибута VIEWBOX элемента тега, указанного экземпляром объекта SVGSVGElement.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.viewBox

Значения формата записи:

  viewport - Содержит ссылку на интерфейс SVGRect к размерам и смещению поля элемента тега, которое служит окном просмотра SVG-рисунка.
  Такое окно просмотра может быть выделено в документе полем элемента тега SVG, или полями элементов некоторых svg-тегов.
  Все величины имеют размерность в единицах пользователя системы координат "родительского" элемента SVGSVGElement или безразмерных значений в системе координат документа.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.viewport[= Поле]

Значения формата записи:

  viewportElement - Содержит ссылку на интерфейс SVGSVGElement к элементу непосредственного "родительского" тега, поле которого служит окном просмотра SVG-рисунка.
  Если экземпляр объекта SVGSVGElement определяет самый "верхний" из вложенных элементов тега SVG, то его свойство viewportElement содержит значение null.
  Такое окно просмотра может быть выделено в документе полем элемента тега SVG, или полями элементов некоторых svg-тегов.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.viewportElement

Значения формата записи:

  width - Содержит ссылку на интерфейс SVGAnimatedLength к значению атрибута WIDTH элемента тега, указанного экземпляром объекта SVGSVGElement.
Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.width[= Значение]

Значения формата записи:

  SVGSVGElement методы.
  animate - Запускает анимацию в поле указанного элемента тега.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.animate(Список)

Значения формата записи:

  animationsPaused - Возвращает значение true если анимация приостановлена, и значение false - в противном случае.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.animationsPaused()

Значения формата записи:

  checkEnclosure - Возвращает значение true если визуализированное содержимое заданного элемента содержится в пределах заданного прямоугольного контура, и значение false - в противном случае.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.checkEnclosure(Элемент, Контур)

Значения формата записи:

  checkIntersection - Возвращает значение true если визуализированное содержимое заданного элемента пересекает заданный прямоугольник, и значение false - в противном случае.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.checkIntersection(Элемент, Прямоугольник)

Значения формата записи:

  createSVGAngle - Создает в памяти экземпляр объекта SVGAngle с нулевым значением в основных единицах.
  Возвращает ссылку на созданный экземпляр объекта SVGAngle.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.createSVGAngle()

Значения формата записи:

  createSVGLength - Создает в памяти экземпляр объекта SVGLength с нулевым значением в основных единицах.
  Возвращает ссылку на созданный экземпляр объекта SVGLength.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.createSVGLength()

Значения формата записи:

  createSVGMatrix - Создает в памяти экземпляр объекта SVGMatrix единичной матрицы.
  Возвращает ссылку на созданный экземпляр объекта SVGMatrix.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.createSVGMatrix()

Значения формата записи:

  createSVGNumber - Создает в памяти экземпляр объекта SVGNumber с нулевым значением.
  Возвращает ссылку на созданный экземпляр объекта SVGNumber.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.createSVGNumber()

Значения формата записи:

  createSVGPoint - Создает в памяти экземпляр объекта SVGPoint со значением (0,0).
  Возвращает ссылку на созданный экземпляр объекта SVGPoint.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.createSVGPoint()

Значения формата записи:

  createSVGRect - Создает в памяти экземпляр объекта SVGRect со значениями всех числовых свойств = 0.
  Возвращает ссылку на созданный экземпляр объекта SVGRect.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.createSVGRect()

Значения формата записи:

  createSVGTransform - Создает в памяти экземпляр объекта SVGTransform с единичной матрицей преобразования.
  Возвращает ссылку на созданный экземпляр объекта SVGTransform.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.createSVGTransform()

Значения формата записи:

  createSVGTransformFromMatrix - Создает в памяти экземпляр объекта SVGTransform с заданной матрицей преобразования.
  Возвращает ссылку на созданный экземпляр объекта SVGTransform.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.createSVGTransformFromMatrix(Матрица)

Значения формата записи:

  deselectAll - Снимает выделение всех выделенных полей SVG объектов в поле элемента тега, указанного экземпляром объекта SVGSVGElement.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.deselectAll()

Значения формата записи:

  forceRedraw - Выполняет перерисовку рисунка (в том числе отложенную и из за пауз установленных методом suspendRedraw).
  Возвращает значение undefined.


Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.forceRedraw()

Значения формата записи:

  getBBox - Вычисляет прямоугольник, в который попадают поля всех "дочерних" элементов для элемента тега, указанного экземпляром объекта SVGSVGElement.
  Возвращает ссылку на соответствующий экземпляр объекта SVGRect.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.getBBox()

Значения формата записи:

  getCTM - Вычисляет унаследованную матрицу преобразования в текущей системе координат.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix.
  Числовые параметры матрицы будут заданы в текущих пользовательских единицах.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.getCTM()

Значения формата записи:

  getCurrentTime - Вычисляет текущее врем, прошедшее от создания в DOM этого экземпляра объекта SVGSVGElement.
  Возвращает вычисленное значение (в миллисекундах).
  Если методом setCurrentTime установлено смещение времени, то отсчет ведется от этого смещения, в противном случае от 0.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.getCurrentTime()

Значения формата записи:

  getEnclosureList - Возвращает список графических элементов svg-тегов, отображаемое содержимое которых полностью находятся в пределах заданного прямоугольника.
  Учитываються только элементы, которые могут быть объектами события указателя.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.getEnclosureList(Прямоугольник [, Элемент])

Значения формата записи:

  getIntersectionList - Возвращает ссылку на инткрфейс NodeList к списку графических элементов svg-тегов, отображаемое содержимое которых пересекает заданный прямоугольник.
  Учитываються только элементы, которые могут быть объектами события указателя.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.getIntersectionList(Прямоугольник[, Элемент])

Значения формата записи:

  getScreenCTM - Вычисляет унаследовеннуюй матрицу преобразования в экранной системе координат.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix
  Числовые параметры матрицы будут заданы в текущих пользовательских единицах.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.getScreenCTM()

Значения формата записи:

  getTransformToElement - Вычисляет матрицу преобразования, которая необходима для преобразования текущей системы координат к системе координат заданного элемента.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix
  Числовые параметры матрицы будут заданы в текущих пользовательских единицах.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.getScreenCTM(Элемент)

Значения формата записи:

  hasExtension - Возвращает значение true если поддерживается формат (расширение) заданного файла, и значение false - в противном случае.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.hasExtension(Адрес)

Значения формата записи:

  pauseAnimations - Приостанавливает все запущенные SVG анимации в поле элемента тега, указанного экземпляром объекта SVGSVGElement.
  Возвращает значение undefined.
  Понятно, что приостанавливаются только именно SVG анимации. И, например, анимации запущенные с использованием метода setInterval не будут приостановлены.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.pauseAnimations()

Значения формата записи:

  setCurrentTime - Задает временное смещение начала отсчета времени для метода getCurrentTime.
  Возвращает значение undefined.
  Если смещение не установлено, то метод getCurrentTime начнет отсчет от 0.


Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.setCurrentTime(Смещение)

Значения формата записи:

  suspendRedraw - Приостанавливает на заданное время отрисовку рисунка в поле, указанном экземпляром объекта SVGSVGElement.
  Возвращает числовое значение идентификатора паузы.
  Метод необходим для того, чтобы не загружать устройство отображения промежуточными изменениями в DOM при работе скриптов.
  Пауза может быть прервана вызовом метода unsuspendRedraw и(или) метода unsuspendRedrawAll.


Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.suspendRedraw(Время)

Значения формата записи:

  unpauseAnimations - Прерывает паузу в SVG анимации установленную методом pauseAnimations.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.unpauseAnimations()

Значения формата записи:

  unsuspendRedraw - Прерывает паузу в отрисовке рисунка установленную методом suspendRedraw.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.unsuspendRedraw(Идентификатор)

Значения формата записи:

  unsuspendRedrawAll - Прерывает все паузы в отрисовке рисунка установленные методом suspendRedraw.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGSVGElement.unsuspendRedrawAll()

Значения формата записи:

  SVGAngle
  SVGAngle - Является интерфейсом к угловой величине (угол) с единицей измерения.
  Экземпляр доступен:
  1. С помощью метода createSVGAngle объекта SVGSVGElement
  SVGAngle свойства.
  unitType - Содержит тип (единицу измерения) значения угла.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGAngle.unitType

Значения формата записи:

  • Экземпляр объекта SVGAngle - Любой операнд значения со значением экземпляра объекта SVGAngle.
  • . - Оператор доступа к свойству объекта.
  • unitType - Ключевое слово.
      Тип значения угла, ссылается на оно из значений:
    • 0 - Неизвестный тип.
    • 1 - Основные единицы измерения (градусы, до обращения к методу newValueSpecifiedUnits свойство unitType будет иметь значение - 1).
    • 2 - Градусы.
    • 3 - Радианы.
    • 4 - Грады.
  value - Содержит значение угла соответствующее типу значения 1.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGAngle.value[= Значение]

Значения формата записи:

  valueAsString - Содержит значение угла в единицах указанных свойством unitType с добавлением строкового обозначения единицы измерения.
  Значение имеет строковый формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGAngle.valueAsString[= Значение]

Значения формата записи:

  valueInSpecifiedUnits - Содержит значение угла в единицах указанных свойством unitType.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGAngle.valueInSpecifiedUnits[= Значение]

Значения формата записи:

  SVGAngle методы.
  convertToSpecifiedUnits - Задает новое значение свойства unitType.
  Возвращает значение undefined.
  Значения свойств valueInSpecifiedUnits и valueAsString пересчитываются в соответствии с установленным значением свойства value.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGAngle.convertToSpecifiedUnits(Тип)

Значения формата записи:

  newValueSpecifiedUnits - Задает новое значение свойств unitType и valueInSpecifiedUnits.
  Возвращает значение undefined.
  Значение свойства value соответственно пересчитывается, а значение свойства valueAsString изменяется.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGAngle.newValueSpecifiedUnits(Тип, Значение)

Значения формата записи:

  SVGLength
  SVGLength - Является интерфейсом к линейной величине с единицей измерения.
  Экземпляр доступен:

  1. Через свойство animVal объекта SVGAnimatedLength
  2. Через свойство baseVal объекта SVGAnimatedLength
  3. Через свойство UKAZ объекта SVGLengthList
  4. С помощью метода appendItem объекта SVGLengthList
  5. С помощью метода getItem объекта SVGLengthList
  6. С помощью метода initialize объекта SVGLengthList
  7. С помощью метода insertItemBefore объекта SVGLengthList
  8. С помощью метода removeItem объекта SVGLengthList
  9. С помощью метода replaceItem объекта SVGLengthList
  10. С помощью метода createSVGLength объекта SVGSVGElement
  SVGLength свойства.
  unitType - Содержит тип (единицу измерения) значения линейной величины.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGLength.unitType

Значения формата записи:

  • Экземпляр объекта SVGLength - Любой операнд значения со значением экземпляра объекта SVGLength.
  • . - Оператор доступа к свойству объекта.
  • unitType - Ключевое слово.
      Ссылается на одно из значений:
    • 0 - Неизвестный тип.
    • 1 - Основные единицы измерения (миллиметры, до обращения к методу newValueSpecifiedUnits свойство будет иметь значение - 1).
    • 2 - Процент от высоты текущего шрифта.
    • 3 - Размер высоты символов текущего шрифта.
    • 4 - Размер высоты указанной буквы текущего шрифта в нижнем регистре.
    • 5 - Пикселы.
    • 6 - Сантиметры.
    • 7 - Миллиметры.
    • 8 - Дюймы (~ 2.54 сантиметра).
    • 9 - Пункты (= 1/72 дюйма ).
    • 10 - Пики (= 12 пунктов ).
  value - Содержит значение линейной величины соответствующее типу значения 1.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGLength.value[= Значение]

Значения формата записи:

  valueAsString - Содержит значение линейной величины в единицах указанных свойством unitType с добавление строкового обозначения единицы измерения.
  Значение имеет строковый формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGLength.valueAsString[= Значение]

Значения формата записи:

  • Экземпляр объекта SVGLength - Любой операнд значения со значением экземпляра объекта SVGLength.
  • . - Оператор доступа к свойству объекта.
  • valueAsString - Ключевое слово.
  • = - Оператор присвоения. Ключевое слово в этом формате.
  • Значение - Новое значение величины заданное в любом строковом формате.
      К значению числа в строковом формате добавляется обозначение:
    • cm - Сантиметры.
    • em - Высота текущего шрифта.
    • ex - Высота символа х текущего шрифта в нижнем регистре.
    • in - Дюймы (~ 2.54 сантиметра).
    • mm - Миллиметры.
    • pc - Пики (= 12 пунктов ).
    • pt - Пункты (= 1/72 дюйма ).
    • px - Пикселы.
    • % - Процент.
      Изменение значения приводит к пересчету значения свойства value и изменению значения свойства valueInSpecifiedUnits.
  valueInSpecifiedUnits - Содержит значение линейной величины в единицах указанных свойством unitType.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGLength.valueInSpecifiedUnits[= Значение]

Значения формата записи:

  SVGLength методы.
  convertToSpecifiedUnits - Задает новое значение свойства unitType.
  Возвращает значение undefined.
  Значения свойств valueInSpecifiedUnits и valueAsString пересчитываются в соответствии со значением свойства value.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGLength.convertToSpecifiedUnits(Тип)

Значения формата записи:

  newValueSpecifiedUnits - Задает новое значение свойств unitType и valueInSpecifiedUnits.
  Возвращает значение undefined.
  Значение свойства value соответственно пересчитывается, а значение свойства valueAsString изменяется.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGLength.newValueSpecifiedUnits(Тип, Значение)

Значения формата записи:

  SVGAnimatedLength
  SVGAnimatedLength - Является интерфейсом к линейной величине с единицей измерения, которая может быть анимирована.
  Экземпляр доступен:

  1. Через свойство height объекта SVGSVGElement
  2. Через свойство x объекта SVGSVGElement
  3. Через свойство y объекта SVGSVGElement
  4. Через свойство width объекта SVGSVGElement
  SVGAnimatedLength свойства.
  animVal - Содержит ссылку на интерфейс SVGLength, к значению анимированной линейной величины.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGAnimatedLength.animVal

Значения формата записи:

  baseVal - Содержит ссылку на интерфейс SVGLength, к исходному значению линейной величины.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGAnimatedLength.baseVal

Значения формата записи:

  SVGMatrix
  SVGMatrix - Является интерфейсом к матрице преобразования с размерностью 2x3.
  Экземпляр доступен:

  1. Через свойство matrix объекта SVGTransform
  2. С помощью метода createSVGMatrix объекта SVGSVGElement
  3. С помощью метода flipX объекта SVGMatrix
  4. С помощью метода flipY объекта SVGMatrix
  5. С помощью метода inverse объекта SVGMatrix
  6. С помощью метода imultiply объекта SVGMatrix
  7. С помощью метода rotate объекта SVGMatrix
  8. С помощью метода rotateFromVector объекта SVGMatrix
  9. С помощью метода scale объекта SVGMatrix
  10. С помощью метода scaleNonUniform объекта SVGMatrix
  11. С помощью метода skewX объекта SVGMatrix
  12. С помощью метода skewY объекта SVGMatrix
  13. С помощью метода translate объекта SVGMatrix
  14. С помощью метода getCTM объекта SVGLocatable
  15. С помощью метода getScreenCTM объекта SVGLocatable
  16. С помощью метода getTransformToElement объекта SVGLocatable
  SVGMatrix свойства.
  a - Содержит значение первого столбца первой строки матрицы.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.a[= Значение]

Значения формата записи:

  b - Содержит значение первого столбца второй строки матрицы.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.b[= Значение]

Значения формата записи:

  c - Содержит значение второго столбца первой строки матрицы.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.c[= Значение]

Значения формата записи:

  d - Содержит значение второго столбца второй строки матрицы.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.d[= Значение]

Значения формата записи:

  e - Содержит значение третьего столбца первой строки матрицы.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.e[= Значение]

Значения формата записи:

  f - Содержит значение третьего столбца второй строки матрицы.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.f[= Значение]

Значения формата записи:

  SVGMatrix методы.
  flipX - Создает матрицу полного вращения вокруг горизонтальной оси.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.flipX()

Значения формата записи:

  flipY - Создает матрицу полного вращения вокруг вертикальной оси.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.flipY()

Значения формата записи:

  inverse - Инвертирует матрицу.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix - результат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.inverse()

Значения формата записи:

  multiply - Умножает матрицу на заданную матрицу.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix - результат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.multiply(Матрица)

Значения формата записи:

  rotate - Создает матрицу поворота на заданный угол.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.rotate(Угол)

Значения формата записи:

  rotateFromVector - Создает матрицу поворота к заданному вектору.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.rotateFromVector(X, Y)

Значения формата записи:

  scale - Создает матрицу пропорционального (по горизонтали и вертикали) растяжения (сжатия).
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.scale(Коэффициент)

Значения формата записи:

  scaleNonUniform - Создает матрицу не пропорционального (по горизонтали и вертикали) растяжения/сжатия.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.scaleNonUniform(КоэффициентX, КоэффициентY)

Значения формата записи:

  skewX - Создает матрицу горизонтального перекоса.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.skewX(Угол)

Значения формата записи:

  skewY - Создает матрицу вертикального перекоса.
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.skewY(Угол)

Значения формата записи:

  translate - Создает матрицу смещения (по горизонтали и вертикали).
  Возвращает ссылку на соответствующий экземпляр объекта SVGMatrix.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGMatrix.translate(СмещениеX, СмещениеY)

Значения формата записи:

  SVGNumber
  SVGNumber - Является интерфейсом к числовому значению без единицы измерения.
  Экземпляр доступен:

  1. Через свойство UKAZ объекта SVGNumberList
  2. С помощью метода appendItem объекта SVGNumberList
  3. С помощью метода getItem объекта SVGNumberList
  4. С помощью метода initialize объекта SVGNumberList
  5. С помощью метода insertItemBefore объекта SVGNumberList
  6. С помощью метода removeItem объекта SVGNumberList
  7. С помощью метода replaceItem объекта SVGNumberList
  8. С помощью метода createSVGNumber объекта SVGSVGElement
  SVGNumber свойства.
  value - Содержит величину числового значения.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGNumber.value[= Значение]

Значения формата записи:

  SVGPoint
  SVGPoint - Является интерфейсом к виртуальной координатной паре (точке, или вектору).
  Экземпляр доступен:

  1. Через свойство currentTranslate объекта SVGSVGElement
  2. Через свойство newTranslate объекта SVGZoomEvent
  3. Через свойство previousTranslate объекта SVGZoomEvent
  4. Через свойство UKAZ объекта SVGPointList
  5. С помощью метода appendItem объекта SVGPointList
  6. С помощью метода getItem объекта SVGPointList
  7. С помощью метода initialize объекта SVGPointList
  8. С помощью метода insertItemBefore объекта SVGPointList
  9. С помощью метода removeItem объекта SVGPointList
  10. С помощью метода replaceItem объектаSVGPointList
  11. С помощью метода createSVGPoint объекта SVGSVGElement
  12. С помощью метода getEndPositionOfChar объекта SVGTextContentElement
  13. С помощью метода getPointAtLength объекта SVGPathElement
  14. С помощью метода matrixTransform объекта SVGPoint
  SVGPoint свойства.
  x - Содержит горизонтальное смещение точки заданной экземпляром объекта.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGPoint.x[= Значение]

Значения формата записи:

  y - Содержит вертикальное смещение точки заданной экземпляром объекта.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGPoint.y[= Значение]

Значения формата записи:

  SVGPoint методы.
  matrixTransform - Преобразует (умножает) вектор в соответствии с заданной матрицей.
  Возвращает ссылку на соответствующий экземпляр объекта SVGPoint - результат.
  При матричных преобразованиях координатная пара считается эквивалентом вектора - одностолбцовой матрицы
               <X>
               <Y>
               <1>.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGPoint.matrixTransform(Матрица)

Значения формата записи:

  SVGRect
  SVGRect - Является интерфейсом в виртуальному (как совокупности четырёх связанных значений) прямоугольнику.
  Не надо путать этот объект с объектом SVGRectElement, экземпляр которого создается элементом соответствующего svg-тега.
  Экземпляр доступен:

  1. Через свойство animVal объекта SVGAnimatedRect
  2. Через свойство baseVal объекта SVGAnimatedRect
  3. Через свойство viewport объекта SVGSVGElement
  4. С помощью метода getExtentOfChar объекта SVGTextContentElement
  5. С помощью метода createSVGRect объекта SVGSVGElement
  6. С помощью метода getBBox объекта SVGSVGElement
  SVGRect свойства.
  height - Содержит высоту прямоугольника в основных единицах.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGRect.height[= Значение]

Значения формата записи:

  x - Содержит горизонтальное смещение левой верхней точки прямоугольника в основных единицах.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGRect.x[= Значение]

Значения формата записи:

  • Экземпляр объекта SVGRect - Любой операнд значения со значением экземпляра объекта SVGRect.
  • . - Оператор доступа к свойству объекта.
  • x - Ключевое слово.
  • = - Оператор присвоения. Ключевое слово в этом формате.
  • Значение - Новое значение горизонтального смещения заданное в любом числовом формате или в формате экземпляра объекта SVGLength.
      Если задано число, то оно трактуется как миллиметры.
      Смещение со значением 0 находится в левом верхнем углу поля соответствующего элемента тега SVG.
  y - Содержит вертикальное смещение левой верхней точки прямоугольника в основных единицах.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGRect.y[= Значение]

Значения формата записи:

  • Экземпляр объекта SVGRect - Любой операнд значения со значением экземпляра объекта SVGRect.
  • . - Оператор доступа к свойству объекта.
  • y - Ключевое слово.
  • = - Оператор присвоения. Ключевое слово в этом формате.
  • Значение - Новое значение вертикального смещения заданное в любом числовом формате или в формате экземпляра объекта SVGLength.
      Если задано число, то оно трактуется как миллиметры.
      Смещение со значением 0 находится в левом верхнем углу поля соответствующего элемента тега SVG.
  width - Содержит ширину прямоугольника в основных единицах.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGRect.width[= Значение]

Значения формата записи:

  SVGAnimatedRect
  SVGAnimatedRect - Является интерфейсом к совокупности четырёх связанных значений, которая может быть анимирована.
  Экземпляр доступен:

  1. Через свойство viewBox объекта SVGSVGElement
  SVGAnimatedRect свойства.
  animVal - Содержит ссылку на интерфейс SVGRect, к анимированной совокупности четырёх связанных значений.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGAnimatedRect.animVal

Значения формата записи:

  baseVal - Содержит ссылку на интерфейс SVGRect, к исходной совокупности четырёх связанных значений.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGAnimatedRect.baseVal

Значения формата записи:

  SVGTransform
  SVGTransform - Является интерфейсом к трансформации системы координат.
  Экземпляр доступен:

  1. С помощью метода appendItem объекта SVGTransformList
  2. С помощью метода consolidate объекта SVGTransformList
  3. Через свойство UKAZ объекта SVGTransformList
  4. С помощью метода createSVGTransformFromMatrix объекта SVGTransformList
  5. С помощью метода getItem объекта SVGTransformList
  6. С помощью метода initialize объекта SVGTransformList
  7. С помощью метода initialize объекта SVGTransformList
  8. С помощью метода removeItem объекта SVGTransformList
  9. С помощью метода replaceItem объекта SVGTransformList
  10. С помощью метода createSVGTransform объекта SVGSVGElement
  11. С помощью метода createSVGTransformFromMatrix объекта SVGSVGElement
  SVGTransform свойства.
  angle - Содержит ссылку на интерфейс SVGAngle к углу трансформации в основных единицах при значении type равном 5 или 6.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGTransform.angle[= Значение]

Значения формата записи:

  matrix - Содержит ссылку на интерфейс SVGMatrix к матрице трансформации при всех значениях type отличных от 5 или 6.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGTransform.matrix

Значения формата записи:

  type - Содержит тип трансформации.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGTransform.type[= Значение]

Значения формата записи:

  • Экземпляр объекта SVGTransform - Любой операнд значения со значением экземпляра объекта SVGTransform.
  • . - Оператор доступа к свойству объекта.
  • type - Ключевое слово.
  • = - Оператор присвоения. Ключевое слово в этом формате.
  • Значение - Тип трансформации.
      Один из заданных в любом числовом формате типов:
    • 0 - Неопределенная трансформация.
    • 1 - Трансформация матрицей.
    • 2 - Трансформация смещения.
    • 3 - Трансформация растяжения, сжатия.
    • 4 - Трансформация поворота.
    • 5 - Перекос по горизонтали.
    • 6 - Перекос по вертикали.
  SVGTransform методы:

  setMatrix - Задает матрицу трансформации.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGTransform.setMatrix(Матрица)

Значения формата записи:

  setRotate - Задает трансформацию поворота.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGTransform.setRotate(Угол, X, Y)

Значения формата записи:

  • Экземпляр объекта SVGTransform - Любой операнд значения со значением экземпляра объекта SVGTransform.
  • . - Оператор доступа к методу объекта.
  • setRotate - Ключевое слово.
  • ( - Оператор группировки. Ключевое слово в этом формате.
  • Угол - Угол поворота заданный в любом числовом формате или формате экземпляра объекта SVGAngle.
      Если задано число, то оно трактуется как градусы.
  • , - Оператор группировки. Ключевое слово в этом формате.
  • X - Значение горизонтального смещения вектора центра поворота (в пикселях) заданное в любом числовом формате или формате экземпляра объекта SVGLength.
      Если задано число, то оно трактуется как миллиметры.
      Точка со смещением 0 находится в левом верхнем угле соответствующего поля элемента тега SVG.
  • Y - Значение вертикального смещения вектора центра поворота (в пикселях) заданное в любом числовом формате или формате экземпляра объекта SVGLength.
      Если задано число, то оно трактуется как миллиметры.
      Точка со смещением 0 находится в левом верхнем угле соответствующего поля элемента тега SVG.
  • ) - Оператор группировки. Ключевое слово в этом формате.
  setScale - Задает трансформацию растяжения (сжатия).
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGTransform.setScale(МасштабX, МасштабY)

Значения формата записи:

  setSkewX - Задает трансформацию горизонтального перекоса.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGTransform.setSkewX(Угол)

Значения формата записи:

  setSkewY - Задает трансформацию вертикального перекоса.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGTransform.setSkewY(Угол)

Значения формата записи:

  setTranslate - Задает трансформации смещения.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGTransform.setTranslate(СмещениеX, СмещениеY)

Значения формата записи:

  SVGZoomEvent
  SVGZoomEvent - Является интерфейсом к SVGZoom-событию (события изменения масштабов SVG рисунка).
  Наследует все свойства и методы объекта Event. Дополнен свойствами SVGZoom-события.
  Экземпляр доступен:

  1. Как и любой другой экземпляр объекта Event.
  SVGZoomEvent свойства.
  defaultPrevented - Содержит логическое значение определяющее выполнение или отмену стандартного действия на событие.
  true - означает отмену стандартного действия.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGZoomEvent.defaultPrevented[= true|false]

Значения формата записи:

  detail - Содержит дополнительную информацию о событии.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGZoomEvent.detail[= Значение]

Значения формата записи:

  isTrusted - Содержит логическое значение определяющее возникло событие естественным образом, или создано искусственно (например, методом createEvent.)


Формат записи в коде скрипта:

  • Экземпляр объекта SVGZoomEvent.isTrusted

Значения формата записи:

  newScale - Содержит новый масштаб рисунка относительно 1 в результате Zoom связанного с этим событием.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGZoomEvent.newScale

Значения формата записи:

  newTranslate - Содержит ссылку на интерфейс SVGPoint к новому положению рисунка в результате Zoom связаного с этим событием.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGZoomEvent.newTranslate

Значения формата записи:

  previousScale - Содержит предыдущий масштаб рисунка относительно 1 перед Zoom связанным с этим событием.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGZoomEvent.previousScale

Значения формата записи:

  previousTranslate - Содержит ссылку на интерфейс SVGPoint к предыдущему положению рисунка перед Zoom связанным с этим событием.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGZoomEvent.previousTranslate

Значения формата записи:

  srcElement - Содержит ссылку на интерфейс SVGSVGElement, к элементу, в котором возникло указанное событие.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGZoomEvent.srcElement

Значения формата записи:

  view - Содержит ссылку на интерфейс Window к окна, в котором возникло указанное событие.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGZoomEvent.view

Значения формата записи:

  SVGList
  SVGList - Является интерфейсом к SVG спискам.
  Экземпляр доступен:

  1. В любом SVG списке
  SVGList свойства.
  length - Содержит количество элементов в списке.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGList.length

Значения формата записи:

  numberOfItems - Содержит количество элементов в списке.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGList.numberOfItems

Значения формата записи:

  Указатель - Содержит элемент списка, определяемый указателем.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGList[Указатель]

Значения формата записи:

  SVGList методы.
  appendItem - Добавляет заданный элемент в конец списка.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGList.appendItem(Значение)

Значения формата записи:

  clear - Очищает список, делая его пустым.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGList.clear()

Значения формата записи:

  getItem - Возвращает ссылку на элемент списка заданный указателем.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGList.getItem(Указатель)

Значения формата записи:

  initialize - Очищает список от всех старых элементов и добавляет в него один новый.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGList.initialize(Значение)

Значения формата записи:

  insertItemBefore - Добавляет заданный элемент в заданную позицию списка.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGList.SVGList(Значение, Указатель)

Значения формата записи:

  removeItem - Удаляет элемент заданный указателем из списка.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGList.removeItem(Указатель)

Значения формата записи:

  replaceItem - Замещает заданный указателем элемент списка.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGList.replaceItem(Значение, Указатель)

Значения формата записи:

  SVGLengthList
  SVGLengthList - Является интерфейсом к SVG спискам линейных величин.
  Наследует все свойства и методы объекта SVGList.
  Собственных свойств и методов не имеет.
  Экземпляр доступен:

  1. Через свойство animVal объекта SVGAnimatedLengthList
  2. Через свойство baseVal объекта SVGAnimatedLengthList
  SVGPointList
  SVGPointList - Является интерфейсом к SVG спискам координатных пар.
  Наследует все свойства и методы объекта SVGList.
  Собственных свойств и методов не имеет.
  Экземпляр доступен:

  1. Через свойство animatedPoints объекта SVGAnimatedPoints
  2. Через свойство points объекта SVGAnimatedPoints
  SVGNumberList
  SVGNumberList - Является интерфейсом к SVG спискам числовых значений.
  Наследует все свойства и методы объекта SVGList.
  Собственных свойств и методов не имеет.
  Экземпляр доступен:

  1. Через свойство animVal объекта SVGAnimatedNumberList
  2. Через свойство baseVal объекта SVGAnimatedNumberList
  3. Через свойство colors объекта SVGICCColor
  SVGTransformList
  SVGTransformList - Является интерфейсом к SVG спискам преобразований систем координат.
  Наследует все свойства и методы объекта SVGList.
  Дополнен двумя собственными методами.
  Экземпляр доступен:

  1. Через свойство animVal объекта SVGAnimatedTransformList
  2. Через свойство baseVal объекта SVGAnimatedTransformList
  SVGTransformList методы.
  consolidate - Объединяет последовательно все трансформации из списка в одну.
  Возвращает ссылку на соответствующий экземпляр объекта SVGTransform - результат.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGTransformList.consolidate()

Значения формата записи:

  createSVGTransformFromMatrix - Создает новую трансформацию с единичной матрицей преобразования и добавляет ее в список.
  Возвращает ссылку на соответствующий экземпляр объекта SVGTransform добавленный в список.

Формат записи в коде скрипта:

  • Экземпляр объекта SVGTransformList.createSVGTransformFromMatrix()

Значения формата записи:

  SVGAnimatedTransformList
  SVGAnimatedTransformList - Является интерфейсом к спискам анимированных трансформаций.
  Экземпляр доступен:

  1. Через свойство transform объекта SVGSVGElement
  SVGAnimatedTransformList свойства.
  animVal - Содержит ссылку на интерфейс SVGTransformList к списку анимированных трансформаций.

Формат записи в коде скрипта:


Значения формата записи:

  baseVal - Содержит ссылку на интерфейс SVGTransformList к списку исходных трансформаций.

Формат записи в коде скрипта:


Значения формата записи:

Сводная таблица методов
Имя метода Объект Функционал Возвращаемое значение
animate SVGSVGElement Запускает анимацию. undefined
animationsPaused SVGSVGElement Проверяет паузу анимации. Логическое значение
checkEnclosure SVGSVGElement Проверяет размещение рисунка. Логическое значение
checkIntersection SVGSVGElement Проверяет пересечение рисунка. Логическое значение
convertToSpecifiedUnits SVGAngle
SVGLength
Конвертирует значение угловой или линейной величины. undefined
createSVGAngle SVGSVGElement Создает угловое значение. Экземпляр объекта SVGAngle
createSVGLength SVGSVGElement Создает линейное значение. Экземпляр объекта SVGLength
createSVGMatrix SVGSVGElement Создает матрицу. Экземпляр объекта SVGMatrix
createSVGNumber SVGSVGElement Создает число. Экземпляр объекта SVGNumber
createSVGPoint SVGSVGElement Создает виртуальную точку. Экземпляр объекта SVGPoint
createSVGRect SVGSVGElement Создает виртуальный прямоугольник. Экземпляр объекта SVGRect
createSVGTransform SVGSVGElement Создает трансформацию. Экземпляр объекта SVGTransform
createSVGTransformFromMatrix SVGSVGElement Создает трансформацию с заданной матрицей. Экземпляр объекта SVGTransform
deselectAll SVGSVGElement Снимает выделение. undefined
flipX SVGMatrix Создает матрицу полного вращения вокруг горизонтальной оси. Экземпляр объекта SVGMatrix
flipY SVGMatrix Создает матрицу полного вращения вокруг вертикальной оси. Экземпляр объекта SVGMatrix
forceRedraw SVGSVGElement Выполняет перерисовку рисунка. undefined
getBBox SVGSVGElement Вычисляет рамку рисунка. Экземпляр объекта SVGRect
getCTM SVGSVGElement Вычисляет унаследованную матрицу преобразования. Экземпляр объекта SVGMatrix
getCurrentTime SVGSVGElement Вычисляет длительность временного промежутка. Числовое значение
getEnclosureList SVGSVGElement Вычисляет элементы ограниченные заданным периметром. Экземпляр объекта NodeList
getIntersectionList SVGSVGElement Вычисляет элементы пересекаемые заданным периметром. Экземпляр объекта NodeList
getScreenCTM SVGSVGElement Вычисляет унаследованную матрицу преобразования. Экземпляр объекта SVGMatrix
getTransformToElement SVGSVGElement Вычисляет необходимую матрицу преобразования. Экземпляр объекта SVGMatrix
inverse SVGMatrix Инвертирует матрицу. Экземпляр объекта SVGMatrix
matrixTransform SVGPoint Умножает вектор на заданную матрицу. Экземпляр объекта SVGPoint
multiply SVGMatrix Умножает матрицу на заданную матрицу. Экземпляр объекта SVGMatrix
newValueSpecifiedUnits SVGAngle
SVGLength
Задает новое значение угловой или линейной величины. undefined
hasExtension SVGSVGElement Проверяет поддержку формата. Логическое значение
pauseAnimations SVGSVGElement Приостанавливает анимацию. undefined
rotate SVGMatrix Создает матрицу поворота на заданный угол. Экземпляр объекта SVGMatrix
rotateFromVector SVGMatrix Создает матрицу поворота к заданному вектору. Экземпляр объекта SVGMatrix
scale SVGMatrix Создает матрицу пропорционального растяжения (сжатия). Экземпляр объекта SVGMatrix
scaleNonUniform SVGMatrix Создает матрицу не пропорционального растяжения (сжатия). Экземпляр объекта SVGMatrix
setCurrentTime SVGSVGElement Задает временное смещение начала отсчета. undefined
setMatrix SVGTransform Задает матрицу трансформации. undefined
setRotate SVGTransform Задает трансформацию поворота. undefined
setScale SVGTransform Задает трансформации растяжения (сжатия). undefined
setSkewX SVGTransform Задает трансформацию горизонтального перекоса. undefined
setSkewY SVGTransform Задает трансформацию вертикального перекоса. undefined
setTranslate SVGTransform Задает трансформации смещения. undefined
skewX SVGMatrix Создает матрицу горизонтального перекоса. Экземпляр объекта SVGMatrix
skewY SVGMatrix Создает матрицу вертикального перекоса. Экземпляр объекта SVGMatrix
suspendRedraw SVGSVGElement Приостанавливает отрисовку рисунка. Идентификатор паузы
translate SVGMatrix Создает матрицу смещения. Экземпляр объекта SVGMatrix
unpauseAnimations SVGSVGElement Прерывает паузу в анимации. undefined
unsuspendRedraw SVGSVGElement Прерывает заданную паузу в отрисовке. undefined
unsuspendRedrawAll SVGSVGElement Прерывает все паузы в отрисовке. undefined

Сводная таблица свойств
Имя свойства Объект Содержание Тип значения
a SVGMatrix Значение первого столбца первой строки матрицы. Числовой формат
angle SVGTransform Угол трансформации. Экземпляр объекта
animVal SVGAnimatedLength
SVGAnimatedTransformList
SVGAnimatedRect
Анимированное значение. Экземпляр объекта
b SVGMatrix Значение первого столбца второй строки матрицы. Числовой формат
baseVal SVGAnimatedLength
SVGAnimatedTransformList
SVGAnimatedRect
Исходное значение. Экземпляр объекта
c SVGMatrix Значение второго столбца первой строки матрицы. Числовой формат
currentScale SVGSVGElement Относительный текущий zoom-коэффициент для "дочерних" SVG элементов. Числовой формат
currentTranslate SVGSVGElement Относительный текущий zoom-вектор для "дочерних" SVG элементов. Экземпляр объекта
d SVGMatrix Значение второго столбца второй строки матрицы. Числовой формат
defaultPrevented SVGZoomEvent Флаг стандартного действия. Логический формат
detail SVGZoomEvent Дополнительная информация о событии. Числовой формат формат
e SVGMatrix Значение третьего столбца первой строки матрицы. Числовой формат
f SVGMatrix Значение третьего столбца второй строки матрицы. Числовой формат
farthestViewportElement SVGSVGElement Экземпляр объекта HTMLElement самого верхнего "родительского" элемента-окна просмотра SVG-рисунка. Экземпляр объекта
height SVGSVGElement Значение атрибута HEIGHT. Экземпляр объекта
height SVGRect Высота виртуального прямоугольника. Числовой формат
isTrusted SVGZoomEvent Индикатор состояния события. Логический формат
nearestViewportElement SVGSVGElement Экземпляр объекта HTMLElement непосредственного "родительского" элемента-окна просмотра SVG-рисунка. Экземпляр объекта
newScale SVGZoomEvent Новый масштаб рисунка события. Числовой формат
newTranslate SVGZoomEvent Новое положение рисунка события. Экземпляр объекта
matrix SVGTransform Матрица трансформации. Экземпляр объекта
previousScale SVGZoomEvent Старый масштаб рисунка до события. Числовой формат
previousTranslate SVGZoomEvent Старое положение рисунка до события. Экземпляр объекта
srcElement SVGZoomEvent Элемент возникновения события. Экземпляр объекта
type SVGTransform Тип трансформации. Числовой формат
ownerSVGElement SVGSVGElement Экземпляр объекта HTMLElement непосредственного "родительского" элемента XML-svg тега. Экземпляр объекта
pixelUnitToMillimeterX SVGSVGElement Физический горизонтальный размер пикселя в области просмотра. Числовой формат.
pixelUnitToMillimeterY SVGSVGElement Физический вертикальный размер пикселя в области просмотра. Числовой формат.
preserveAspectRatio SVGSVGElement Значение атрибута PRESERVEASPECTRATIO. Экземпляр объекта
requiredExtensions SVGSVGElement Список расширений необходимых языков. Экземпляр объекта
screenPixelToMillimeterX SVGSVGElement Физический горизонтальный размер пикселя на устройстве отображения. Числовой формат.
screenPixelToMillimeterY SVGSVGElement Физический вертикальный размер пикселя на устройстве отображения. Числовой формат.
transform SVGSVGElement Список трансформаций анимации. Экземпляр объекта
unitType SVGAngle
SVGLength
Единица измерения угловой или линейной величины. Числовой формат
useCurrentView SVGSVGElement Флаг происхождения SVG-рисунка. логический формат.
X SVGPoint Горизонтальное смещение виртуальной точки. Числовой формат
x SVGSVGElement Значение атрибута X. Экземпляр объекта
x SVGRect Горизонтальное смещение левой верхней точки виртуального прямоугольника. Числовой формат
Y SVGPoint Вертикальное смещение виртуальной точки. Числовой формат
y SVGSVGElement Значение атрибута Y. Экземпляр объекта
y SVGRect Вертикальное смещение левой верхней точки виртуального прямоугольника. Числовой формат
zoomAndPan SVGSVGElement Значение атрибута ZOOMANDPAN. Числовой формат
value SVGAngle
SVGLength
Значение угловой или линейной величины в основных единицах. Числовой формат
value SVGNumber Величина числового значения. Числовой формат
valueAsString SVGAngle
SVGLength
Значение угловой или линейной величины в заданных единицах с единицей измерения. Строковый формат
valueInSpecifiedUnits SVGAngle
SVGLength
Значение угловой или линейной величины в заданных единицах. Числовой формат
view SVGZoomEvent Окно возникновения события. Экземпляр объекта
viewBox SVGSVGElement Значение атрибута VIEWBOX. Экземпляр объекта
viewport SVGSVGElement Виртуальный прямоугольник с размерами и смещением поля элемента тега . Экземпляр объекта
viewportElement SVGSVGElement Элемент непосредственного "родительского" тега создавшего окно просмотра SVG-рисунка. Экземпляр объекта
width SVGSVGElement Значение атрибута WIDTH. Экземпляр объекта
width SVGRect Ширина виртуального прямоугольника. Числовой формат