diff options
Diffstat (limited to 'files/ru/web/svg/attribute/ry/index.html')
| -rw-r--r-- | files/ru/web/svg/attribute/ry/index.html | 113 |
1 files changed, 113 insertions, 0 deletions
diff --git a/files/ru/web/svg/attribute/ry/index.html b/files/ru/web/svg/attribute/ry/index.html new file mode 100644 index 0000000000..f0b87c7a46 --- /dev/null +++ b/files/ru/web/svg/attribute/ry/index.html @@ -0,0 +1,113 @@ +--- +title: ry +slug: Web/SVG/Attribute/ry +tags: + - SVG атрибуты +translation_of: Web/SVG/Attribute/ry +--- +<div>{{SVGRef}}</div> + +<p>Атрибут <strong><code>ry</code></strong> определяет радиус круга по оси y.</p> + +<p>Два элемента используют этот атрибут: <a href="https://developer.mozilla.org/ru/docs/Web/SVG/Element/ellipse" rel="nofollow" title="Документация об этом ещё не написана; пожалуйста, поспособствуйте её написанию!"><code><ellipse></code></a> и <a href="https://developer.mozilla.org/ru/docs/Web/SVG/Element/rect" rel="nofollow" title="Документация об этом ещё не написана; пожалуйста, поспособствуйте её написанию!"><code><rect></code></a></p> + +<div id="topExample"> +<div class="hidden"> +<pre class="brush: css">html,body,svg { height:100% }</pre> +</div> + +<pre class="brush: html"><svg viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg"> + <ellipse cx="50" cy="50" ry="0" rx="25" /> + <ellipse cx="150" cy="50" ry="25" rx="25" /> + <ellipse cx="250" cy="50" ry="50" rx="25" /> + + <rect x="20" y="120" width="60" height="60" ry="0" rx="15"/> + <rect x="120" y="120" width="60" height="60" ry="15" rx="15"/> + <rect x="220" y="120" width="60" height="60" ry="150" rx="15"/> +</svg></pre> + +<p>{{EmbedLiveSample('topExample', '100%', 200)}}</p> +</div> + +<h2 id="ellipse">ellipse</h2> + +<p>Для элемента {{SVGElement('ellipse')}}, <code>ry</code> определяет радиус фигуры по оси y. Если значение меньше или равно 0, эллипс не будет нарисован вообще.</p> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="row">Значение</th> + <td><strong><a href="/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong> | <code>auto</code></td> + </tr> + <tr> + <th scope="row">Значение по умолчанию</th> + <td><code>auto</code></td> + </tr> + <tr> + <th scope="row">Анимируемый</th> + <td>Да</td> + </tr> + </tbody> +</table> + +<p class="note"><strong>Примечание. </strong>Начиная с <strong>SVG2</strong>, <strong>ry</strong> - <em>свойство геометрии(Geometry Property). </em>Это означает, что атрибут также можно использовать как свойство CSS для эллипсов.</p> + +<h2 id="rect">rect</h2> + +<p>Для {{SVGElement('rect')}}, <code>ry</code> определяет радиус эллипса по оси x, используется для скругления углов прямоугольника.</p> + +<p>Способ интерпретации значения атрибута <code>ry</code> зависит как от атрибута {{SVGAttr("rx")}} , так и от ширины прямоугольника:</p> + +<ul> + <li>Если правильно задано значение для <code>ry</code>, но не для {{SVGAttr("rx")}} (или наоборот), то браузер сочтет отсутствующее значение равным указанному.</li> + <li>Если ни <code>ry</code>, ни {{SVGAttr("rx")}} не имеют правильно указанного значения, браузер нарисует прямоугольник с квадратными углами.</li> + <li>Если <code>ry</code> больше половины ширины прямоугольника, то браузер будет считать значение <code>ry</code> половиной ширины прямоугольника.</li> +</ul> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="row">Значение</th> + <td><strong><a href="/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong> | <code>auto</code></td> + </tr> + <tr> + <th scope="row">Значение по умолчанию</th> + <td><code>auto</code></td> + </tr> + <tr> + <th scope="row">Анимируемый</th> + <td>Да</td> + </tr> + </tbody> +</table> + +<p class="note"><strong>Примечание. </strong>Начиная с <strong>SVG2</strong>, <strong>ry</strong> - <em>свойство геометрии(Geometry Property). </em>Это означает, что атрибут также можно использовать как свойство CSS для rect.</p> + +<h2 id="Specifications">Specifications</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Спецификация</th> + <th scope="col">Статус</th> + <th scope="col">Комментарий</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName("SVG2", "geometry.html#RY", "ry")}}</td> + <td>{{Spec2("SVG2")}}</td> + <td>Определяется как свойство геометрии</td> + </tr> + <tr> + <td>{{SpecName("SVG1.1", "shapes.html#EllipseElementRYAttribute", "ry")}}</td> + <td>{{Spec2("SVG1.1")}}</td> + <td>Начальное определение для <code><ellipse></code></td> + </tr> + <tr> + <td>{{SpecName("SVG1.1", "shapes.html#RectElementRYAttribute", "ry")}}</td> + <td>{{Spec2("SVG1.1")}}</td> + <td>Начальное определение для <code><rect></code></td> + </tr> + </tbody> +</table> |