blob: 02461afc29cba8a6daa632e935aaddc153a6759c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
---
title: additive
slug: Web/SVG/Attribute/additive
tags:
- SVG
- SVG атрибуты
translation_of: Web/SVG/Attribute/additive
---
<p>« <a href="/ru/docs/Web/SVG/Attribute" title="Справочник SVG атрибутов">Справочник SVG атрибутов</a></p>
<p>Этот атрибут определяет, является ли анимация аддитивной.</p>
<p>Часто бывает полезно определить анимацию как смещение или Дельта для значения атрибута, а не как абсолютные значения. Этот атрибут указывает на анимацию, если их значения добавляются к исходному значению анимированного атрибута.</p>
<h2 id="Контекст_использования">Контекст использования</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="row">Категории</th>
<td>Атрибут добавления анимации</td>
</tr>
<tr>
<th scope="row">Значение</th>
<td><strong title="this is the default value">replace</strong> | sum</td>
</tr>
<tr>
<th scope="row">Анимируемый</th>
<td>Нет</td>
</tr>
<tr>
<th scope="row">Нормативный документ</th>
<td><a class="external" href="http://www.w3.org/TR/SVG/animate.html#AdditionAttributes">SVG 1.1 (2nd Edition)</a></td>
</tr>
</tbody>
</table>
<dl>
<dt>sum</dt>
<dd>Указывает, что анимация добавляется к базовому значению атрибута и других анимаций с меньшим приоритетом.</dd>
<dt>replace</dt>
<dd>Указывает, что анимация переопределит базовое значение атрибута и другие анимации с меньшим приоритетом. Это значение по умолчанию, однако на поведение также влияют атрибуты значений анимации {{ SVGAttr("by") }} и {{ SVGAttr("to") }}, как описано в <a class="external" href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#FromToByAndAdditive">SMIL Animation: How from, to and by attributes affect additive behavior</a>.</dd>
</dl>
<h2 id="Пример">Пример</h2>
<h2 id="Элементы">Элементы</h2>
<p>Следующие элементы могут использовать атрибут <code>additive</code></p>
<ul>
<li>{{ SVGElement("animate") }}</li>
<li>{{ SVGElement("animateColor") }}</li>
<li>{{ SVGElement("animateMotion") }}</li>
<li>{{ SVGElement("animateTransform") }}</li>
</ul>
|
