From 980fe00a74a9ad013b945755415ace2e5429c3c2 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 27 Oct 2021 02:31:24 +0300 Subject: [RU] Remove notranslate (#2874) --- files/ru/web/svg/tutorial/basic_transformations/index.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'files/ru/web/svg/tutorial/basic_transformations') 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/Базовые_Преобразования

Теперь мы готовы начать изменять наши замечательные изображения. Но сначала давайте ознакомимся с {{SVGElement("g")}} элементом. С его помощью вы можете  назначить свойства для любого набора элементов. На самом деле, в этом и состоит его единственная цель. Например:

-
<svg width="30" height="10">
+
<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/Базовые_Преобразования
 
 

Иногда необходимо сместить элемент, хотя вы спозиционировали его согласно определённым атрибутам. Для этого используется translate().

-
<svg width="40" height="50" style="background-color:#bff;">
+
<svg width="40" height="50" style="background-color:#bff;">
     <rect x="0" y="0" width="10" height="10" transform="translate(30,40)" />
 </svg>
 
@@ -41,7 +41,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования

Вращение элементов - это достаточно типичная задача. Используйте  rotate() для этого:

-
<svg width="31" height="31">
+
<svg width="31" height="31">
     <rect x="12" y="-10" width="20" height="20" transform="rotate(45)" />
 </svg>
 
@@ -70,7 +70,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования

В случае использования преобразований вы устанавливаете новую систему координат внутри элемента, к которому применяются изменения. Это означает, что единицы измерения которые вы определяете и его дочерние еи не будут соответствовать 1:1, но также будут искажены, повёрнуты, перемещены и смаштабированы в соответствии с преобразованиями.

-
<svg width="100" height="100">
+
<svg width="100" height="100">
     <g transform="scale(2)">
         <rect width="50" height="50" />
     </g>
@@ -85,7 +85,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования
 
 

В отличие от HTML, SVG позволяет встраивать другие svg элементы без разрыва. Таким образом вы можете запросто создать новую координатную систему используя viewBox, width иheight внутреннего svg элемента.

-
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100">
+
<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>
-- 
cgit v1.2.3-54-g00ecf