diff options
Diffstat (limited to 'files/ru/web/svg/tutorial/basic_transformations/index.html')
| -rw-r--r-- | files/ru/web/svg/tutorial/basic_transformations/index.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/files/ru/web/svg/tutorial/basic_transformations/index.html b/files/ru/web/svg/tutorial/basic_transformations/index.html index 4523cbace6..f79f805d60 100644 --- a/files/ru/web/svg/tutorial/basic_transformations/index.html +++ b/files/ru/web/svg/tutorial/basic_transformations/index.html @@ -9,7 +9,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования <p>Теперь мы готовы начать изменять наши замечательные изображения. Но сначала давайте ознакомимся с {{SVGElement("g")}} элементом. С его помощью вы можете назначить свойства для любого набора элементов. На самом деле, в этом и состоит его единственная цель. Например:</p> <div id="two_blocks"> -<pre class="brush: html notranslate"><svg width="30" height="10"> +<pre class="brush: html"><svg width="30" height="10"> <g fill="red"> <rect x="0" y="0" width="10" height="10" /> <rect x="20" y="0" width="10" height="10" /> @@ -26,7 +26,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования <p>Иногда необходимо сместить элемент, хотя вы спозиционировали его согласно определённым атрибутам. Для этого используется <code>translate()</code>.</p> -<pre class="brush: html notranslate"><svg width="40" height="50" style="background-color:#bff;"> +<pre class="brush: html"><svg width="40" height="50" style="background-color:#bff;"> <rect x="0" y="0" width="10" height="10" transform="translate(30,40)" /> </svg> </pre> @@ -41,7 +41,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования <p>Вращение элементов - это достаточно типичная задача. Используйте <code>rotate()</code> для этого:</p> -<pre class="brush: html notranslate"><svg width="31" height="31"> +<pre class="brush: html"><svg width="31" height="31"> <rect x="12" y="-10" width="20" height="20" transform="rotate(45)" /> </svg> </pre> @@ -70,7 +70,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования <p>В случае использования преобразований вы устанавливаете новую систему координат внутри элемента, к которому применяются изменения. Это означает, что единицы измерения которые вы определяете и его дочерние еи не будут соответствовать 1:1, но также будут искажены, повёрнуты, перемещены и смаштабированы в соответствии с преобразованиями.</p> -<pre class="brush: html notranslate"><svg width="100" height="100"> +<pre class="brush: html"><svg width="100" height="100"> <g transform="scale(2)"> <rect width="50" height="50" /> </g> @@ -85,7 +85,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования <p>В отличие от HTML, SVG позволяет встраивать другие <code>svg</code> элементы без разрыва. Таким образом вы можете запросто создать новую координатную систему используя <code>viewBox</code>, <code>width</code> и<code>height</code> внутреннего <code>svg</code> элемента.</p> -<pre class="brush: html notranslate"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100"> +<pre class="brush: html"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100"> <svg width="100" height="100" viewBox="0 0 50 50"> <rect width="50" height="50" /> </svg> |