initial commit

1 files changed, 66 insertions, 0 deletions

diff --git a/files/ru/web/svg/svg_as_an_image/index.html b/files/ru/web/svg/svg_as_an_image/index.html
new file mode 100644
index 0000000000..e179b323b2
--- /dev/null
+++ b/files/ru/web/svg/svg_as_an_image/index.html
@@ -0,0 +1,66 @@
+---
+title: SVG как изображение
+slug: Web/SVG/SVG_as_an_Image
+translation_of: Web/SVG/SVG_as_an_Image
+---
+<p><span class="seoSummary">Изображения SVG могут использоваться как формат изображения в ряде контекстов. Многие браузеры поддерживают изображения SVG:</span></p>
+
+<ul>
+ <li>Элементы HTML {{HTMLElement("img")}} или {{SVGElement("svg")}}</li>
+ <li>CSS {{cssxref("background-image")}}</li>
+</ul>
+
+<h2 id="Гекко-специфические_контексты">Гекко-специфические контексты</h2>
+
+<p>Кроме того, Gecko 2.0 {{geckoRelease("2.0")}} представил поддержку использования  <a href="/en-US/docs/SVG">SVG</a> iв следующих контекстах:</p>
+
+<ul>
+ <li>CSS {{cssxref("list-style-image")}}</li>
+ <li>CSS {{cssxref("content")}}</li>
+ <li>Элементы SVG {{SVGElement("image")}}</li>
+ <li>Элементы SVG {{SVGElement("feImage")}}</li>
+ <li>Функция Canvas <a href="/en-US/docs/HTML/Canvas/Tutorial/Using_images#drawImage"><code>drawImage</code></a></li>
+</ul>
+
+<h3 id="Ограничения">Ограничения</h3>
+
+<p>В целях безопасности, Gecko накладывает некоторые ограничения на контент SVG, когда он используется в качестве изображения:</p>
+
+<ul>
+ <li><a href="/en-US/docs/JavaScript">JavaScript</a> отключен.</li>
+ <li>Внешние ресурсы (например, изображеня, таблицы стилей) не могут быть загружены, хотя их можно использовать, если они встроены в данные: URI.</li>
+ <li>{{cssxref(":visited")}}-стили ссылок не отображаются.</li>
+ <li>Стилизация виджитов на платформе (основанная на теме ОС) отключена.</li>
+</ul>
+
+<p>Обратите внимание, что вышеуказанные ограничения являются специфическими для контекстов изображения; они не применяются, когда содержимое SVG  просматривается напрямую или когда оно внедрено в виде документа с помощью встраивания элементов {{HTMLElement("iframe")}}, {{HTMLElement("object")}}, или {{HTMLElement("embed")}}.</p>
+
+<h2 id="Спецификации">Спецификации</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("HTML5 W3C", "embedded-content-0.html#the-img-element", "SVG within &lt;img&gt; element")}}</td>
+   <td>{{Spec2("HTML5 W3C")}}</td>
+   <td>Определяет использование SVG в элементах {{HTMLElement("img")}}.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName("CSS3 Backgrounds", "#the-background-image", "SVG within 'background-image' CSS property")}}</td>
+   <td>{{Spec2("CSS3 Backgrounds")}}</td>
+   <td>Определяет использование SVG со свойствами {{cssxref("background-image")}}.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Смотрите_также">Смотрите также</h2>
+
+<ul>
+ <li><a href="/en-US/docs/SVG_In_HTML_Introduction">SVG в HTML. Введение</a></li>
+</ul>