diff options
author | Alexey Pyltsyn <lex61rus@gmail.com> | 2021-10-19 13:34:22 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-10-19 13:34:22 +0300 |
commit | 59705f5814c1ece8cefc4c62a8897d4d8a5b38fc (patch) | |
tree | 1170b919085fce1ad2b793d67ff533b902dc7076 /files/ru/web/svg | |
parent | c4eea51f47b7f138a3b09cb61f2bfe6eaff66333 (diff) | |
download | translated-content-59705f5814c1ece8cefc4c62a8897d4d8a5b38fc.tar.gz translated-content-59705f5814c1ece8cefc4c62a8897d4d8a5b38fc.tar.bz2 translated-content-59705f5814c1ece8cefc4c62a8897d4d8a5b38fc.zip |
FIx more live examples (#2774)
Diffstat (limited to 'files/ru/web/svg')
4 files changed, 9 insertions, 9 deletions
diff --git a/files/ru/web/svg/attribute/keytimes/index.html b/files/ru/web/svg/attribute/keytimes/index.html index 1698156bc6..2bb4894ee0 100644 --- a/files/ru/web/svg/attribute/keytimes/index.html +++ b/files/ru/web/svg/attribute/keytimes/index.html @@ -73,7 +73,7 @@ translation_of: Web/SVG/Attribute/keyTimes <p><strong>Демонстрация</strong></p> -<p>{{ EmbedLiveSample('Example','120','120') }}</p> +<p>{{ EmbedLiveSample('Пример','120','120') }}</p> <h2 id="Элементы">Элементы</h2> diff --git a/files/ru/web/svg/tutorial/basic_transformations/index.html b/files/ru/web/svg/tutorial/basic_transformations/index.html index 3c118fb63a..4523cbace6 100644 --- a/files/ru/web/svg/tutorial/basic_transformations/index.html +++ b/files/ru/web/svg/tutorial/basic_transformations/index.html @@ -33,7 +33,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования <p>Пример генерирует прямоугольник, перемещённый в точку (30,40) вместо точки (0,0).</p> -<p>{{ EmbedLiveSample('Translation', '40', '50', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p> +<p>{{ EmbedLiveSample('Перемещения', '40', '50', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p> <p>если второе значение не задано, то оно приравнивается <var>0</var>.</p> @@ -48,7 +48,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования <p>Данный пример показывает квадрат который повернули на 45 градусов. Значение для <code>rotate()</code> задаётся в градусах.</p> -<p>{{ EmbedLiveSample('Rotation', '31', '31', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p> +<p>{{ EmbedLiveSample('Вращение', '31', '31', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p> <h2 id="Смещение_углов">Смещение углов</h2> @@ -79,7 +79,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования <p>В результата прямоугольник в примере выше будет 100x100px. Более интригующие эффекты возникают, когда вы используете такие атрибуты, как <code>userSpaceOnUse</code>.</p> -<p>{{ EmbedLiveSample('Effects_on_Coordinate_Systems', '100', '100', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p> +<p>{{ EmbedLiveSample('Эффекты_на_системе_координат', '100', '100', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p> <h2 id="Встраивание_SVG_в_SVG">Встраивание SVG в SVG</h2> @@ -94,6 +94,6 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования <p>На примере выше, так же как и на других примерах ранее, вы можете видеть такой же эффект увеличения изображения в два раза.</p> -<p>{{ EmbedLiveSample('Embedding_SVG_in_SVG', '100', '100', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p> +<p>{{ EmbedLiveSample('Встраивание_SVG_в_SVG', '100', '100', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p> <div>{{PreviousNext("Web/SVG/Tutorial/Texts", "Web/SVG/Tutorial/Clipping_and_masking")}}</div> diff --git a/files/ru/web/svg/tutorial/clipping_and_masking/index.html b/files/ru/web/svg/tutorial/clipping_and_masking/index.html index afc8d8d23c..259f61ad71 100644 --- a/files/ru/web/svg/tutorial/clipping_and_masking/index.html +++ b/files/ru/web/svg/tutorial/clipping_and_masking/index.html @@ -33,7 +33,7 @@ translation_of: Web/SVG/Tutorial/Clipping_and_masking <br> При этом сам прямоугольник отрисован не будет. Вместо этого прямоугольник задаст область отрисовки. Так как прямоугольник перекрывает только верхнюю половину круга, нижняя половина круга исчезает:</p> -<p>{{ EmbedLiveSample('Creating_clips','240','240','/files/3224/clipdemo.png') }}</p> +<p>{{ EmbedLiveSample('Кадрирование_изображений','240','240','/files/3224/clipdemo.png') }}</p> <p>Теперь мы получили полуокружность без необходимости использования элемента <code>path</code>. При “обрезке” каждый путь внутри <code>clipPath</code> проверяется и оценивается вместе с его свойствами <code>stroke</code> и <code>transform</code>. Другими словами, всё что не находится в залитой области <code>clipPath</code> не будет отображено. Цвет, непрозрачность и т. д. не влияют на результат.</p> @@ -59,7 +59,7 @@ translation_of: Web/SVG/Tutorial/Clipping_and_masking <p>Фактически на примере находятся два прямоугольника: зелёный на нижнем слое и красный на верхнем. У красного есть атрибут <code>mask</code>, который ссылается на элемент <code>mask</code>. Содержимое маски это элемент <code>rect</code>, заполненный градиентом, где прозрачная заливка перетекает в белую. В результате, пиксели красного прямоугольника наследуют прозрачность (alpha-value) маски, и мы видим красно-зелёный градиент: </p> -<p>{{ EmbedLiveSample('Masking','240','240','/files/3234/maskdemo.png') }}</p> +<p>{{ EmbedLiveSample('Маска','240','240','/files/3234/maskdemo.png') }}</p> <h3 id="Прозрачность_opacity">Прозрачность <code>opacity</code></h3> @@ -76,7 +76,7 @@ translation_of: Web/SVG/Tutorial/Clipping_and_masking </svg> </pre> -<p>{{ EmbedLiveSample('Transparency_with_opacity','240','240','/files/3231/opacitydemo.png') }}</p> +<p>{{ EmbedLiveSample('Прозрачность_opacity','240','240','/files/3231/opacitydemo.png') }}</p> <p>В этом примере используется красный круг на голубом фоне. Жёлтый контур установлен на 50% непрозрачности, что приводит к эффекту двойного цвета.</p> diff --git a/files/ru/web/svg/tutorial/patterns/index.html b/files/ru/web/svg/tutorial/patterns/index.html index 41202790de..22e7c5a980 100644 --- a/files/ru/web/svg/tutorial/patterns/index.html +++ b/files/ru/web/svg/tutorial/patterns/index.html @@ -30,7 +30,7 @@ translation_of: Web/SVG/Tutorial/Patterns <rect fill="url(#Pattern)" stroke="black" width="200" height="200"/> </svg></pre> -<p>{{ EmbedLiveSample('Patterns','220','220','/files/725/SVG_Pattern_Example.png') }}</p> +<p>{{ EmbedLiveSample('Шаблоны_Patterns','220','220','/files/725/SVG_Pattern_Example.png') }}</p> <p>Внутри элемента <pattern> вы можете использовать любые другие основные фигуры, которые использовались ранее. И каждая из них может быть стилизована, используя любые из возможных вариантов стилизаций, которые вы изучали до этого, включая градиенты и прозрачность. Выше мы просто нарисовали два прямоугольника внутри нашего шаблона (которые перекрываются, и один из которых в два раза больше другого и используется для заполнения всего шаблона), и один круг.</p> |