Skip to content

Commit

Permalink
convert content to md
Browse files Browse the repository at this point in the history
  • Loading branch information
@SphinxKnight @sashasushko
SphinxKnight authored and sashasushko committed Oct 26, 2022
1 parent b1075b6 commit 483ecd8
Show file tree
Hide file tree
Showing 85 changed files with 5,517 additions and 7,157 deletions.
296 changes: 158 additions & 138 deletions files/ru/web/svg/applying_svg_effects_to_html_content/index.md
View file

Large diffs are not rendered by default.

77 changes: 29 additions & 48 deletions files/ru/web/svg/attribute/additive/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,51 +6,32 @@ tags:
- 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>
« [Справочник SVG атрибутов](/ru/docs/Web/SVG/Attribute "Справочник SVG атрибутов")

Этот атрибут определяет, является ли анимация аддитивной.

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

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

| Категории | Атрибут добавления анимации |
| -------------------- | --------------------------------------------------------------------------------- |
| Значение | **replace** \| sum |
| Анимируемый | Нет |
| Нормативный документ | [SVG 1.1 (2nd Edition)](http://www.w3.org/TR/SVG/animate.html#AdditionAttributes) |

- sum
- : Указывает, что анимация добавляется к базовому значению атрибута и других анимаций с меньшим приоритетом.
- replace
- : Указывает, что анимация переопределит базовое значение атрибута и другие анимации с меньшим приоритетом. Это значение по умолчанию, однако на поведение также влияют атрибуты значений анимации {{ SVGAttr("by") }} и {{ SVGAttr("to") }}, как описано в [SMIL Animation: How from, to and by attributes affect additive behavior](http://www.w3.org/TR/2001/REC-smil-animation-20010904/#FromToByAndAdditive).

## Пример

## Элементы

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

- {{ SVGElement("animate") }}
- {{ SVGElement("animateColor") }}
- {{ SVGElement("animateMotion") }}
- {{ SVGElement("animateTransform") }}
95 changes: 36 additions & 59 deletions files/ru/web/svg/attribute/attributename/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,81 +7,58 @@ tags:
- SVG атрибуты
translation_of: Web/SVG/Attribute/attributeName
---
<div>{{SVGRef}}</div>
{{SVGRef}}

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

<p>Четыре элемента используют данный атрибут: {{SVGElement("animate")}}, {{SVGElement("animateColor")}}, {{SVGElement("animateTransform")}} и {{SVGElement("set")}}</p>
Четыре элемента используют данный атрибут: {{SVGElement("animate")}}, {{SVGElement("animateColor")}}, {{SVGElement("animateTransform")}} и {{SVGElement("set")}}

<div id="topExample">
<div class="hidden">
<pre class="brush: css">html, body, svg {
```css hidden
html, body, svg {
height: 100%;
}</pre>
</div>
}
```

<pre class="brush: html">&lt;svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect x="50" y="50" width="100" height="100"&gt;
&lt;animate attributeType="XML" attributeName="y" from="0" to="50"
dur="5s" repeatCount="indefinite"/&gt;
&lt;/rect&gt;
&lt;/svg&gt;</pre>
```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>
```

<p>{{EmbedLiveSample("topExample", "400", "250")}}</p>
</div>
{{EmbedLiveSample("topExample", "400", "250")}}

<h2 id="Контекст_использования">Контекст использования</h2>
## Контекст использования

<table class="properties">
<tbody>
<tr>
<th scope="row">Значение</th>
<td><code>&lt;name&gt;</code></td>
</tr>
<tr>
<th scope="row">Значение по умолчанию</th>
<td><em>None</em></td>
</tr>
<tr>
<th scope="row">Анимируемый</th>
<td>Нет</td>
</tr>
</tbody>
</table>

<dl>
<dt><code>&lt;name&gt;</code></dt>
<dd>Это значение задаёт имя свойства CSS или атрибута целевого элемента, которое будет анимировано.</dd>
</dl>

<h2 id="Спецификации">Спецификации</h2>

<table>
<thead>
<tbody>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
<th scope="row">Значение</th>
<td><code>&#x3C;name></code></td>
</tr>
</thead>
<tbody>
<tr>
<td> {{SpecName("SVG Animations 2", "#AttributeNameAttribute", "attributeName")}}
</td>
<td>{{Spec2("SVG Animations 2")}}</td>
<td>No change</td>
<th scope="row">Значение по умолчанию</th>
<td><em>None</em></td>
</tr>
<tr>
<td> {{SpecName("SVG1.1", "animate.html#AttributeNameAttribute", "attributeName")}}
</td>
<td>{{Spec2("SVG1.1")}}</td>
<td>Initial definition</td>
<th scope="row">Анимируемый</th>
<td>Нет</td>
</tr>
</tbody>
</table>

<h2 id="Смотрите_также">Смотрите также</h2>
- `<name>`
- : Это значение задаёт имя свойства CSS или атрибута целевого элемента, которое будет анимировано.

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

| Specification | Status | Comment |
| -------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------ |
| {{SpecName("SVG Animations 2", "#AttributeNameAttribute", "attributeName")}} | {{Spec2("SVG Animations 2")}} | No change |
| {{SpecName("SVG1.1", "animate.html#AttributeNameAttribute", "attributeName")}} | {{Spec2("SVG1.1")}} | Initial definition |

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

<ul>
<li><a href="https://www.w3.org/TR/2001/REC-smil-animation-20010904/#AccumulateAttribute">SMIL Animation specification</a></li>
</ul>
- [SMIL Animation specification](https://www.w3.org/TR/2001/REC-smil-animation-20010904/#AccumulateAttribute)
84 changes: 33 additions & 51 deletions files/ru/web/svg/attribute/attributetype/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,54 +6,36 @@ tags:
- SVG атрибуты
translation_of: Web/SVG/Attribute/attributeType
---
<p>« <a href="/ru/docs/Web/SVG/Attribute" title="Справочник SVG атрибутов">Справочник SVG атрибутов</a></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>CSS | XML | <strong title="this is the default value">auto</strong></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#AttributeTypeAttribute">SVG 1.1 (2nd Edition)</a></td>
</tr>
</tbody>
</table>

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

<dl>
<dt>CSS</dt>
<dd>Указывает на то, что значение параметра {{ SVGAttr("attributeName") }} является именем свойства CSS, определяемого как анимация.</dd>
<dt> </dt>
<dt>XML</dt>
<dd>Указывает, что значение параметра{{ SVGAttr("attributeName") }} является именем атрибута XML, определяемого как анимация в пространстве имён XML по умолчанию для целевого элемента.</dd>
<dt>auto</dt>
<dd>Реализация должна соответствовать {{ SVGAttr("attributeName") }} атрибуту целевого элемента. Агенты пользователя сначала посмотрят список свойств CSS для соответствующего имени свойства, а если нет, выполните поиск в пространстве имён XML по умолчанию для элемента.</dd>
</dl>

<h2 id="Пример">Пример</h2>

<h2 id="Элементы">Элементы</h2>

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

<ul>
<li>{{ SVGElement("animate") }}</li>
<li>{{ SVGElement("animateColor") }}</li>
<li>{{ SVGElement("animateTransform") }}</li>
<li>{{ SVGElement("set") }}</li>
</ul>
« [Справочник SVG атрибутов](/ru/docs/Web/SVG/Attribute "Справочник SVG атрибутов")

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

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

| Категория | Целевые атрибуты анимации |
| -------------------- | ------------------------------------------------------------------------------------- |
| Значение | CSS \| XML \| **auto** |
| Анимируемый | Нет |
| Нормативный документ | [SVG 1.1 (2nd Edition)](http://www.w3.org/TR/SVG/animate.html#AttributeTypeAttribute) |

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

- CSS
- : Указывает на то, что значение параметра {{ SVGAttr("attributeName") }} является именем свойства CSS, определяемого как анимация.
- XML

- : Указывает, что значение параметра{{ SVGAttr("attributeName") }} является именем атрибута XML, определяемого как анимация в пространстве имён XML по умолчанию для целевого элемента.

- auto
- : Реализация должна соответствовать {{ SVGAttr("attributeName") }} атрибуту целевого элемента. Агенты пользователя сначала посмотрят список свойств CSS для соответствующего имени свойства, а если нет, выполните поиск в пространстве имён XML по умолчанию для элемента.

## Пример

## Элементы

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

- {{ SVGElement("animate") }}
- {{ SVGElement("animateColor") }}
- {{ SVGElement("animateTransform") }}
- {{ SVGElement("set") }}
Loading

0 comments on commit 483ecd8

Please sign in to comment.