diff options
Diffstat (limited to 'files/ru/web/svg/tutorial/clipping_and_masking/index.html')
| -rw-r--r-- | files/ru/web/svg/tutorial/clipping_and_masking/index.html | 6 |
1 files changed, 3 insertions, 3 deletions
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> |