diff options
Diffstat (limited to 'files/ru/web/svg/tutorial/svg_in_html_introduction')
| -rw-r--r-- | files/ru/web/svg/tutorial/svg_in_html_introduction/index.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/files/ru/web/svg/tutorial/svg_in_html_introduction/index.html b/files/ru/web/svg/tutorial/svg_in_html_introduction/index.html index bcce85b746..6ace9dc4d8 100644 --- a/files/ru/web/svg/tutorial/svg_in_html_introduction/index.html +++ b/files/ru/web/svg/tutorial/svg_in_html_introduction/index.html @@ -3,11 +3,11 @@ title: SVG в HTML. Введение slug: Web/SVG/Tutorial/SVG_In_HTML_Introduction translation_of: Web/SVG/Tutorial/SVG_In_HTML_Introduction --- -<h2 id="Overview" name="Overview">Описание</h2> +<h2 id="Overview">Описание</h2> <p>Эта статья содержит пример использования SVG в качестве фонового изображения для формы. В примере демонстрируется, как JavaScript и CSS может быть использован для того, чтобы производить операции с векторным изображением (svg) так, будто вы используете обычный сценарий для XHTML. Необходимо понимать, что пример работоспособен лишь в браузерах, которые поддерживают XHTML (не HTML), а также интеграцию SVG.</p> -<h2 id="Source" name="Source">Код</h2> +<h2 id="Source">Код</h2> <p>Демонстрация примера <a class="external" href="/presentations/xtech2005/svg-canvas/SVGDemo.xml" title="presentations/xtech2005/svg-canvas/SVGDemo.xml">здесь</a>:</p> @@ -53,7 +53,7 @@ translation_of: Web/SVG/Tutorial/SVG_In_HTML_Introduction </html> </pre> -<h2 id="Discussion" name="Discussion">Примечание</h2> +<h2 id="Discussion">Примечание</h2> <p>В примере представлен обычный XHTML, CSS и JavaScript-код. Здесь есть лишь одна особенность, это наличие SVG элемента. Этот элемент объявлен в специальном пространстве имён SVG, содержит градиент и две фигуры заполненные градиентом. По замыслу, когда пользователь введёт что-нибудь неправильное, то скрипт установит для BODY класс .invalid, где правила стиля изменяют цвет градиента и делают видимым сообщение об ошибке.</p> @@ -80,7 +80,7 @@ img.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "move.png"); </pre> </div> -<h2 id="Details" name="Details">Дополнительно</h2> +<h2 id="Details">Дополнительно</h2> <p>Значение атрибута <code>viewBox</code> определяет область в пространстве пользователя, относительно внешним границам просмотра.</p> @@ -104,7 +104,7 @@ img.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "move.png"); <p>Атрибут <code>style </code>применяется для определения стиля элемента.</p> -<h2 id="Related_Links" name="Related_Links">Ссылки по теме</h2> +<h2 id="Related_Links">Ссылки по теме</h2> <ul> <li>Сохранение пропорций <a href="http://xiper.net/learn/svg/svg-essentials/preserving-aspect-ratio">ссылка</a></li> |