recursal/MDN huggingface dataset:
text-rendering
==============

« SVG Attribute reference home

При создание SVG есть возможность указать браузеру о том, как рекомендуется рендерить (отрисовывать) текст. `text-rendering` предоставляет возможность указывать данные рекомендации.

Помимо presentation attribute, настройки ренедеринга шрифтов можно задать через CSS стили. Для получения дополнительной информации смотри `CSS text-rendering` (en-US).

Usage context
-------------

| Категория | Presentation attribute |
| --- | --- |
| Значение | **auto** | optimizeSpeed | optimizeLegibility | geometricPrecision | inherit |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |

auto

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

optimizeSpeed

Указывает на то, что браузер должен акцентироваться на скорость рендеринга, в ущерб читаемости и геометрической точности. Эту опцию также можно указывать,, чтобы отключить сглаживание (anti-aliasing) текста.

optimizeLegibility

Указывает на то, что браузер должен попытаться акцентировать на читаемости текста, в ущерб скорости рендеринга и геометрической точности. Браузеры часто применяю к тексту сглаживание (anti-aliasing) или встроенные в шрифт хинтинг, или оба способа сразу, чтобы сделать наилучшую читаемость текста.

geometricPrecision

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

Пример
------


```xml
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
 version="1.1" width="660" height="40"
 text-rendering="optimizeLegibility">
  <link xmlns="http://www.w3.org/1999/xhtml" href='http://fonts.googleapis.com/css?family=Sofadi+One' rel='stylesheet' type='text/css' />
  <style>
      text {font: 30px 'Sofadi One', cursive;}
  </style>
  <g>
    <text y="30">The quick brown fox jumps over the lazy dog.</text>
  </g>
</svg>
```


**optimizeLegibility (первая) и geometricPrecision (вторая)**
![](http://download.g63.ru/svg/text-rendering-optimizeLegibility.svg)
![](http://download.g63.ru/svg/text-rendering-geometricPrecision.svg)

Аналогичным образом действует `CSS text-rendering` (en-US)


```xml
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
 version="1.1" width="660" height="40">
  <link xmlns="http://www.w3.org/1999/xhtml" href='http://fonts.googleapis.com/css?family=Sofadi+One' rel='stylesheet' type='text/css' />
  <style>
      text {
            font: 30px 'Sofadi One', cursive;
            text-rendering:optimizeLegibility;
         }
  </style>
  <g>
    <text y="30">The quick brown fox jumps over the lazy dog.</text>
  </g>
</svg>
```

Elements
--------

The following elements can use the `text-rendering` attribute

* `<text>`
See also
--------

* `CSS text-rendering` (en-US)
end
===

« SVG Attribute reference home

Этот атрибут определяет конечное значение для анимации, которое может ограничить активную длительность.

Значение атрибута представляет собой разделённый точками с запятой список значений. Каждое отдельное значение может совпадать с типом, определённым для `begin (en-US)` атрибута .

Usage context
-------------

| Categories | Animation timing attribute |
| --- | --- |
| Value | <End-value-list> |
| Animatable | No |
| Normative document | SVG 1.1 (2nd Edition) |

Для типов значений, разрешённых в, `<end-value-list>` см. `begin (en-US)` атрибут.

Examples
--------

Elements
--------

The following elements can use the `end` attribute

* Animation elements
fill-opacity
============

« Справочник SVG атрибутов

Этот атрибут определяет прозрачность цвета заполнения содержимого элемента.

Контекст использования
----------------------

| Категория | Атрибут оформления |
| --- | --- |
| Значение | <opacity-value> | inherit |
| Предустановленное значение | 1 |
| Анимируемый | Да |
| Спецификация | SVG 1.1 (2nd Edition) |

Примеры
-------

### SVG


```html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" />
</svg>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" fill-opacity="0.25" />
</svg>
```

### результат

Элементы
--------

Следующие группы элементов могут быть использованы с атрибутом `fill-opacity`:

* Элементы графических форм (Shape elements)
* Текстовые элементы
Смотрите также
--------------

* `stroke-opacity (en-US)`
* `opacity (en-US)`
stroke-width
============

« Справочник SVG атрибутов

Атрибут `stroke-width` указывает ширину контура текущего объекта. Его значение по умолчанию: 1. Если используется <percentage>, значение представляет собой процент от текущего окна просмотра. Если используется значение 0, контур не будет нарисован.

В качестве атрибута представления он также может использоваться как свойство непосредственно внутри таблицы стилей CSS

Usage context
-------------

| **Категория** | Атрибут представления |
| --- | --- |
| **Значения** | <length> | <percentage> | inherit |
| **Анимируемый** | Да |
| Нормативный документ | SVG 1.1 (2nd Edition) |

Example
-------

### SVG


```html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" />
</svg>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" stroke="#ff0" stroke-width="10" />
</svg>
```

### Результат

Элементы
--------

Следующие элементы могут использовать атрибут `stroke-width`.

* Элементы форм
* Текстовые элементы
cy
==

Атрибут **`cy`** определяет координату центральной точки по оси y.

Этот атрибут можно использовать для следующих SVG-элементов:

* `<circle>`
* `<ellipse>`
* `<radialGradient>`
Пример
------
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="0 0 100 300" xmlns="http://www.w3.org/2000/svg">
  <radialGradient cy="25%" id="myGradient">
    <stop offset="0" stop-color="white" />
    <stop offset="100%" stop-color="black" />
  </radialGradient>

  <circle cy="50" cx="50" r="45" />
  <ellipse cy="150" cx="50" rx="45" ry="25" />
  <rect x="5" y="205" width="90" height="90" fill="url(#myGradient)" />
</svg>
```

circle
------

Для элемента `<circle>` атрибут `cy` определяет координату центра фигуры по оси y.

|  |  |
| --- | --- |
| Значение | `<length-percentage>` (en-US) |
| Значение по умолчанию | `0` |
| Анимируемый | Да |

**Примечание:** Начиная с SVG2, `cy` является *Геометрическим свойством*, это означает, что этот атрибут также может быть использован в качестве CSS-свойства для окружностей.

ellipse
-------

Для элемента `<ellipse>` атрибут `cy` определяет координату центра фигуры по оси y.

|  |  |
| --- | --- |
| Значение | `<length-percentage>` (en-US) |
| Значение по умолчанию | `0` |
| Анимируемый | Да |

**Примечание:** Начиная с SVG2, `cy` является *Геометрическим свойством*, это означает, что этот атрибут также может быть использован в качестве CSS-свойства для для эллипсов.

radialGradient
--------------

Для элемента `<radialGradient>` атрибут `cy` определяет координату конечной окружности радиального градиента по оси y.

|  |  |
| --- | --- |
| Значение | `<length-percentage>` (en-US) |
| Значение по умолчанию | `50%` |
| Анимируемый | Да |

### Пример
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="0 0 34 10" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <radialGradient cy="0" id="myGradient000">
      <stop offset="0%" stop-color="gold" />
      <stop offset="50%" stop-color="green" />
      <stop offset="100%" stop-color="white" />
    </radialGradient>

    <radialGradient cy="50%" id="myGradient050">
      <stop offset="0%" stop-color="gold" />
      <stop offset="50%" stop-color="green" />
      <stop offset="100%" stop-color="white" />
    </radialGradient>

    <radialGradient cy="100%" id="myGradient100">
      <stop offset="0%" stop-color="gold" />
      <stop offset="50%" stop-color="green" />
      <stop offset="100%" stop-color="white" />
    </radialGradient>
  </defs>

  <rect
 x="1"
 y="1"
 width="8"
 height="8"
 fill="url(#myGradient000)"
 stroke="black" />
  <rect
 x="13"
 y="1"
 width="8"
 height="8"
 fill="url(#myGradient050)"
 stroke="black" />
  <rect
 x="25"
 y="1"
 width="8"
 height="8"
 fill="url(#myGradient100)"
 stroke="black" />
</svg>
```

Спецификации
------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # CY |
| Scalable Vector Graphics (SVG) 2 # RadialGradientElementCYAttribute |

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

* `cx`
* `r`
keyTimes
========

« SVG Attribute reference home

Атрибут `keyTimes` представляет собой разделённый точками с запятой список значений времени, используемых для управления темпами анимации. Каждое значение в списке соответствует значению в списке атрибутов `values` и определяет, когда оно используется в анимации. Каждое значение времени в списке `keyTimes` задаётся как значение с плавающей запятой от 0 до 1 (включительно), представляющее пропорциональную величину смещения в течение элемента анимации.

Если указан список `keyTimes`, то в списке `keyTimes` должно быть ровно столько же значений, сколько в списке `values` .

Каждое последовательное значение времени должно быть больше или равно предыдущему значению времени.

Семантика списка keyTimes зависит от режима интерполяции:

* Для линейной и сплайновой анимации первое значение времени в списке должно быть равно 0, а Последнее значение времени в списке должно быть 1. Ключевое время, связанное с каждым значением, определяет, когда значение задаётся; значения являются интерполяцией между ключевыми моментами.
* Для дискретной анимации первое значение времени в списке должно быть равно 0. Время, связанное с каждым значением, определяет, когда значение задаётся; Функция анимации использует это значение до следующего времени, определённого в `keyTimes`.

Если в качестве режима интерполяции используется *paced*, атрибут `keyTimes` игнорируется.

Если в качестве параметра длительности выбрано *indefinite*, атрибут `keyTimes` игнорируется.

Usage context
-------------

| Categories | Animation value attribute |
| --- | --- |
| Value | <list> |
| Animatable | No |
| Normative document | SVG 1.1 (2nd Edition) |

Пример
------


```html
<?xml version="1.0"?>
<svg
 width="120"
 height="120"
 viewPort="0 0 120 120"
 version="1.1"
 xmlns="http://www.w3.org/2000/svg">
  <circle cx="60" cy="10" r="10">
    <animate
 attributeName="cx"
 attributeType="XML"
 dur="4s"
 values="60 ; 110 ; 60 ; 10 ; 60"
 keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"
 repeatCount="indefinite" />

    <animate
 attributeName="cy"
 attributeType="XML"
 dur="4s"
 values="10 ; 60 ; 110 ; 60 ; 10 "
 keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"
 repeatCount="indefinite" />
  </circle>
</svg>
```

Элементы
--------

Следующие элементы могут использовать атрибут `keyTimes`

* `<animate>`
* `<animateColor>` (en-US)
* `<animateMotion>`
* `<animateTransform>` (en-US)
lengthAdjust
============

Когда SVG элемент `<text>` **или** `<tspan>` имеет конкретную длину, установленную с помощью атрибута `textLengt`, атрибут `lengthAdjust` контролирует как текст помещается в эту длину (растягивается или сжимается).

Существует 2 допустимых значения для атрибута `lengthAdjust`: `spacing` и `spacingAndGlyphs`. Используя `spacing` (установлено по умолчанию), форма букв сохраняется, но расстояние между ними увеличивается или уменьшается. Используя `spacingAndGlyphs` весь тестовый элемент растягивается.

SVG текст с использованием lengthAdjust
---------------------------------------

### HTML Content


```html
<svg width="300" height="150" xmlns="http://www.w3.org/2000/svg">
  <g font-face="sans-serif">
    <text x="0" y="20" textLength="300" lengthAdjust="spacing">
      Stretched using spacing only.
    </text>
    <text x="0" y="50" textLength="300" lengthAdjust="spacingAndGlyphs">
      Stretched using spacing and glyphs.
    </text>
    <text x="0" y="80" textLength="100" lengthAdjust="spacing">
      Shrunk using spacing only.
    </text>
    <text x="0" y="110" textLength="100" lengthAdjust="spacingAndGlyphs">
      Shrunk using spacing and glyphs.
    </text>
  </g>
</svg>
```

### Результат
fill
====

« Справочник SVG атрибутов

Атрибут `fill` имеет два значения в зависимости от используемого контекста.

По умолчанию, когда элементы анимации заканчиваются и их эффекты больше не применяются к значению представления для целевых атрибутов. Атрибут `fill` может использоваться для сохранения значения анимации после окончания активной продолжительности элемента анимации.

Для фигур и текста атрибут `fill` является атрибутом представления, определяющим цвет внутренней части данного графического элемента. То, что называется «интерьер», зависит от самой фигуры и значения `fill-rule` атрибут. Как атрибут представления, он также может использоваться как свойство непосредственно в таблице стилей CSS

Контекст использования
----------------------

### Для анимируемых элементов

| Категория | Атрибуты времени анимации |
| --- | --- |
| Значение | **remove** | freeze |
| Анимация | Нет |
| Нормативный документ | SVG 1.1 (2nd Edition) |

remove (default)

Эффект анимации удаляется (больше не применяется) при завершении активной продолжительности анимации. После активного конца анимации анимация больше не влияет на конечный объект (если анимация не перезапущена).

freeze

Эффект анимации «заморожен» при активной длительности анимации на оставшийся срок действия документа (или до перезапуска анимации).

### Для текста и форм

| Категория | Атрибут представления |
| --- | --- |
| Значение | <paint>, `context-fill`, `context-stroke` |
| Анимация | Да |
| Нормативный документ | SVG 1.1 (2nd Edition) |

Примеры
-------

### Пример 1: Простой SVG


```html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" fill="#666" />
</svg>
```


#### Результат

Использование `context-fill`
----------------------------

Для информации об использовании нестандартного и ограниченного значения `context-fill` (и `context-stroke`) смотрите документацию `-moz-context-properties`.

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

Следующие элементы могут использовать атрибут `fill`

* Animation elements
* Shape elements
* Text content elements
font-weight
===========

« SVG Attribute reference home

`Атрибут font-weight` позволяет выбрать из шрифтового семейства начертание шрифта с указанной насыщенностью (иначе говоря, толщиной линий знаков, "жирностью") .

Как и любой атрибут представления, `font-weight` может быть использован в виде свойства в CSS стилях, см. `CSS font-weight` для подробной информации.

Контекст применения
-------------------

| Категории | Атрибут представления |
| --- | --- |
| Значения | **normal** | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit |
| Анимируемость | Да |
| Нормативный документ | SVG 1.1 (2nd Edition) |

Значение ключевых слов
----------------------

* **bold** - соответствует значению **700** - полужирное начертание
* **normal** - соответствует значению **400** - нормальное начертание
* **bolder** и **lighter** указывают браузеру использовать соответственно более жирное или более тонкое начертание в сравнении с текущим значением родительского элемента. Дочерние элементы, в свою очередь, унаследуют получившееся значение.
* **inherit** - даёт указание браузеру унаследовать тип начертания от родительского элемента.
Предостережения
---------------

Для многих шрифтов доступны только значения 400 и 700 - нормальное и полужирное начертания соответственно. Доступные значения могут варьироваться в зависимости от шрифта.

Пример
------

### css


```css
p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}
p.thicker {
  font-weight: 900;
}
```

### html


```html
<p class="normal">This is a paragraph.</p>
<p class="light">This is a paragraph.</p>
<p class="thick">This is a paragraph.</p>
<p class="thicker">This is a paragraph.</p>
```

Элементы
--------

Следующие элементы могут использовать атрибут `font-weight`.

* Text content elements
Совместимость с браузерами
--------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

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

* `CSS font-weight`
attributeType
=============

« Справочник SVG атрибутов

Этот атрибут задаёт пространство имён, в котором определяются конечный атрибут и связанные с ним значения.

Контекст использования
----------------------

| Категория | Целевые атрибуты анимации |
| --- | --- |
| Значение | CSS | XML | **auto** |
| Анимируемый | Нет |
| Нормативный документ | SVG 1.1 (2nd Edition) |

Этот атрибут может принимать одно из следующих значений:

CSS

Указывает на то, что значение параметра `attributeName` является именем свойства CSS, определяемого как анимация.

XML

Указывает, что значение параметра`attributeName` является именем атрибута XML, определяемого как анимация в пространстве имён XML по умолчанию для целевого элемента.

auto

Реализация должна соответствовать `attributeName` атрибуту целевого элемента. Агенты пользователя сначала посмотрят список свойств CSS для соответствующего имени свойства, а если нет, выполните поиск в пространстве имён XML по умолчанию для элемента.

Пример
------

Элементы
--------

Следующие элементы могут быть использованы с атрибутом `attributeType`

* `<animate>`
* `<animateColor>` (en-US)
* `<animateTransform>` (en-US)
* `<set>` (en-US)
lighting-color
==============

« Справочник SVG атрибутов

Атрибут `lighting-color` определяет цвет источника света для примитивов фильтров `<feDiffuseLighting>` (en-US) и `<feSpecularLighting>` (en-US).

Контекст использования
----------------------

| Категория | Атрибут представления |
| --- | --- |
| Значение | currentColor | <color> | <icccolor> | inherit |
| Начальное значение | white |
| Анимация | Да |
| Нормативный документ | SVG 1.1 (2nd Edition) |

Примеры
-------

Элементы
--------

Следующие элементы могут использовать атрибут `lighting-color`

* `<feDiffuseLighting>` (en-US)
* `<feSpecularLighting>` (en-US)
attributeName
=============

Атрибут **`attributeName`** задаёт имя свойства CSS или атрибута целевого элемента, которое будет изменено во время анимации.

Четыре элемента используют данный атрибут: `<animate>`, `<animateColor>` (en-US), `<animateTransform>` (en-US) и `<set>` (en-US)

Пример
------
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg">
  <rect x="50" y="50" width="100" height="100">
    <animate
 attributeType="XML"
 attributeName="y"
 from="0"
 to="50"
 dur="5s"
 repeatCount="indefinite" />
  </rect>
</svg>
```

Контекст использования
----------------------

|  |  |
| --- | --- |
| Значение | `<name>` |
| Значение по умолчанию | *None* |
| Анимируемый | Нет |

`<name>`

Это значение задаёт имя свойства CSS или атрибута целевого элемента, которое будет анимировано.

Спецификации
------------

| Specification |
| --- |
| SVG Animations Level 2 # AttributeNameAttribute |

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

* SMIL Animation specification
cx
==

Атрибут **`cx`** определяет координату центральной точки по оси x.

Этот атрибут можно использовать для следующих SVG-элементов:

* `<circle>`
* `<ellipse>`
* `<radialGradient>`
Пример
------
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg">
  <radialGradient cx="25%" id="myGradient">
    <stop offset="0" stop-color="white" />
    <stop offset="100%" stop-color="black" />
  </radialGradient>

  <circle cx="50" cy="50" r="45" />
  <ellipse cx="150" cy="50" rx="45" ry="25" />
  <rect x="205" y="5" width="90" height="90" fill="url(#myGradient)" />
</svg>
```

circle
------

Для элемента `<circle>` атрибут `cx` определяет координату центра фигуры по оси x.

|  |  |
| --- | --- |
| Значение | `<length-percentage>` (en-US) |
| Значение по умолчанию | `0` |
| Анимируемый | Да |

**Примечание:** Начиная с SVG2, `cx` является *Геометрическим свойством*, это означает, что этот атрибут также может быть использован в качестве CSS-свойства для окружностей.

ellipse
-------

Для элемента `<ellipse>` атрибут `cx` определяет координату центра фигуры по оси x.

|  |  |
| --- | --- |
| Значение | `<length-percentage>` (en-US) |
| Значение по умолчанию | `0` |
| Анимируемый | Да |

**Примечание:** Начиная с SVG2, `cx` является *Геометрическим свойством*, это означает, что этот атрибут также может быть использован в качестве CSS-свойства для для эллипсов.

radialGradient
--------------

Для элемента `<radialGradient>` атрибут `cx` определяет координату конечной окружности радиального градиента по оси x.

|  |  |
| --- | --- |
| Значение | `<length-percentage>` (en-US) |
| Значение по умолчанию | `50%` |
| Анимируемый | Да |

### Пример
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="0 0 34 10" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <radialGradient cx="0" id="myGradient000">
      <stop offset="0%" stop-color="gold" />
      <stop offset="50%" stop-color="green" />
      <stop offset="100%" stop-color="white" />
    </radialGradient>

    <radialGradient cx="50%" id="myGradient050">
      <stop offset="0%" stop-color="gold" />
      <stop offset="50%" stop-color="green" />
      <stop offset="100%" stop-color="white" />
    </radialGradient>

    <radialGradient cx="100%" id="myGradient100">
      <stop offset="0%" stop-color="gold" />
      <stop offset="50%" stop-color="green" />
      <stop offset="100%" stop-color="white" />
    </radialGradient>
  </defs>

  <rect
 x="1"
 y="1"
 width="8"
 height="8"
 fill="url(#myGradient000)"
 stroke="black" />
  <rect
 x="13"
 y="1"
 width="8"
 height="8"
 fill="url(#myGradient050)"
 stroke="black" />
  <rect
 x="25"
 y="1"
 width="8"
 height="8"
 fill="url(#myGradient100)"
 stroke="black" />
</svg>
```

Спецификации
------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # CX |
| Scalable Vector Graphics (SVG) 2 # RadialGradientElementCXAttribute |

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

* `cy`
* `r`
values
======

« SVG Attribute reference home

Атрибут `values` имеет два значения в зависимости от используемого контекста.

Для элементов анимации атрибут `values` представляет собой разделённый точками с запятой список одного или нескольких значений. В анимации будут применены значения в порядке следования анимации. Если задан список `values`, значения атрибутов `from (en-US)`, `to (en-US)` и `by (en-US)` игнорируются.

Для элемента `<feColorMatrix>` (en-US) содержимое `values` зависит от значения атрибута `type (en-US)`:

* Для `type="matrix"`, `values` — это список из 20 значений матрицы (А00 А01 А02 А03 А04 A10 А11... А34), разделённых пробелами и/или запятой.
* Для `type="saturate"`, `values` — это единственное вещественное число (от 0 до 1).
* Для `type="hueRotate"`, `values` — это одно вещественное число (градусов).
* Для `type="luminanceToAlpha"`, `values` не применимы.

Если атрибут не указан, то поведение по умолчанию зависит от значения атрибута `type (en-US)`.

* Если `type="matrix"`, этот атрибут по умолчанию присваивается матрице идентификаторов.
* Если `type="saturate"`, то этот атрибут по умолчанию присваивает значение 1, что приводит к получению матрицы идентификаторов.
 Если `type="hueRotate"`, то этот атрибут по умолчанию присваивает значение 0, что приводит к получению матрицы идентификаторов.
Usage context
-------------

### For animation elements

| Categories | Animation value attribute |
| --- | --- |
| Value | <list> |
| Animatable | No |
| Normative document | SVG 1.1 (2nd Edition) |

### For the `<feColorMatrix>` (en-US) element

| Categories | *None* |
| --- | --- |
| Value | <list> | <number> |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |

Example
-------

Elements
--------

The following elements can use the `values` attribute

* Animation elements
* `<feColorMatrix>` (en-US)