diff options
author | Alexey Pyltsyn <lex61rus@gmail.com> | 2021-10-20 13:28:52 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-10-20 13:28:52 +0300 |
commit | 1386fed7d38652d5848d315927e7e23a66cffd13 (patch) | |
tree | eb4b9adfec3f46c77304a1b9461d44357c8164c8 /files/ru/web/svg | |
parent | b0f32a46245b1033098a5a9826a7818fa4e65dde (diff) | |
download | translated-content-1386fed7d38652d5848d315927e7e23a66cffd13.tar.gz translated-content-1386fed7d38652d5848d315927e7e23a66cffd13.tar.bz2 translated-content-1386fed7d38652d5848d315927e7e23a66cffd13.zip |
[RU] Remove `name` attribute from headings (#2788)
Diffstat (limited to 'files/ru/web/svg')
19 files changed, 43 insertions, 43 deletions
diff --git a/files/ru/web/svg/attribute/fill-rule/index.html b/files/ru/web/svg/attribute/fill-rule/index.html index 22b569a33b..8e00f35c60 100644 --- a/files/ru/web/svg/attribute/fill-rule/index.html +++ b/files/ru/web/svg/attribute/fill-rule/index.html @@ -127,7 +127,7 @@ translation_of: Web/SVG/Attribute/fill-rule <p>{{EmbedLiveSample('evenodd', '100%', 200)}}</p> -<h2 id="Browser_Compatibility" name="Browser_Compatibility">Browser compatibility</h2> +<h2 id="Browser_Compatibility">Browser compatibility</h2> diff --git a/files/ru/web/svg/attribute/font-weight/index.html b/files/ru/web/svg/attribute/font-weight/index.html index 9eb25fa9c2..1f71f45390 100644 --- a/files/ru/web/svg/attribute/font-weight/index.html +++ b/files/ru/web/svg/attribute/font-weight/index.html @@ -71,7 +71,7 @@ p.thicker {font-weight:900;}</pre> <li><a href="/en/SVG/Element#Text_content_elements" title="en/SVG/Element#Text_content_elements">Text content elements</a> »</li> </ul> -<h2 id="Browser_Compatibility" name="Browser_Compatibility">Поддержка браузерами</h2> +<h2 id="Browser_Compatibility">Поддержка браузерами</h2> <p>{{Compat("svg.attributes.presentation.font-weight")}}</p> diff --git a/files/ru/web/svg/attribute/index.html b/files/ru/web/svg/attribute/index.html index d258b6134c..9eb36c6fb8 100644 --- a/files/ru/web/svg/attribute/index.html +++ b/files/ru/web/svg/attribute/index.html @@ -410,7 +410,7 @@ translation_of: Web/SVG/Attribute <p>{{ SVGAttr("onbegin") }}, {{ SVGAttr("onend") }}, {{ SVGAttr("onload") }}, {{ SVGAttr("onrepeat") }}</p> -<h3 id="AnimationAttributeTarget" name="AnimationAttributeTarget">Целевые атрибуты анимации</h3> +<h3 id="AnimationAttributeTarget">Целевые атрибуты анимации</h3> <p>{{ SVGAttr("attributeType") }}, {{ SVGAttr("attributeName") }}</p> diff --git a/files/ru/web/svg/attribute/lengthadjust/index.html b/files/ru/web/svg/attribute/lengthadjust/index.html index 69284fcc46..193fc7cf52 100644 --- a/files/ru/web/svg/attribute/lengthadjust/index.html +++ b/files/ru/web/svg/attribute/lengthadjust/index.html @@ -7,7 +7,7 @@ translation_of: Web/SVG/Attribute/lengthAdjust <p>Существует 2 допустимых значения для атрибута <code>lengthAdjust</code>: <code>spacing</code> и <code>spacingAndGlyphs</code>. Используя <code>spacing</code> (установлено по умолчанию), форма букв сохраняется, но расстояние между ними увеличивается или уменьшается. Используя <code>spacingAndGlyphs</code> весь тестовый элемент растягивается.</p> -<h2 id="SVG_text_fitting_using_lengthAdjust" name="SVG_text_fitting_using_lengthAdjust">SVG текст с использованием lengthAdjust</h2> +<h2 id="SVG_text_fitting_using_lengthAdjust">SVG текст с использованием lengthAdjust</h2> <h3 id="HTML_Content">HTML Content</h3> diff --git a/files/ru/web/svg/attribute/stroke-linecap/index.html b/files/ru/web/svg/attribute/stroke-linecap/index.html index 696a45e55e..16f25a74d6 100644 --- a/files/ru/web/svg/attribute/stroke-linecap/index.html +++ b/files/ru/web/svg/attribute/stroke-linecap/index.html @@ -162,7 +162,7 @@ translation_of: Web/SVG/Attribute/stroke-linecap <p>{{EmbedLiveSample('square', '100%', 200)}}</p> -<h2 id="Browser_Compatibility" name="Browser_Compatibility">Совместимость браузера</h2> +<h2 id="Browser_Compatibility">Совместимость браузера</h2> <p>{{Compat("svg.attributes.presentation.stroke-linecap")}}</p> diff --git a/files/ru/web/svg/attribute/stroke/index.html b/files/ru/web/svg/attribute/stroke/index.html index 0e28dec15b..95035022d3 100644 --- a/files/ru/web/svg/attribute/stroke/index.html +++ b/files/ru/web/svg/attribute/stroke/index.html @@ -37,7 +37,7 @@ translation_of: Web/SVG/Attribute/stroke <h2 id="Примеры">Примеры</h2> -<h3 id="SVG_Line" name="SVG_Line">SVG Line с stroke</h3> +<h3 id="SVG_Line">SVG Line с stroke</h3> <h4 id="Пример_1_Нарисуйте_прямую_зелёную_линию_используя_stroke.">Пример 1: Нарисуйте прямую зелёную линию, используя <strong>stroke</strong>.</h4> diff --git a/files/ru/web/svg/attribute/text-anchor/index.html b/files/ru/web/svg/attribute/text-anchor/index.html index ce35ab1438..6d79404ea2 100644 --- a/files/ru/web/svg/attribute/text-anchor/index.html +++ b/files/ru/web/svg/attribute/text-anchor/index.html @@ -100,7 +100,7 @@ translation_of: Web/SVG/Attribute/text-anchor <li><a href="/en/SVG/Element#Text_content_elements" title="en/SVG/Element#TextContent">Text content elements</a> »</li> </ul> -<h2 id="Browser_Compatibility" name="Browser_Compatibility">Совместимость браузера</h2> +<h2 id="Browser_Compatibility">Совместимость браузера</h2> diff --git a/files/ru/web/svg/attribute/transform/index.html b/files/ru/web/svg/attribute/transform/index.html index 1bd4b72804..1e90971d55 100644 --- a/files/ru/web/svg/attribute/transform/index.html +++ b/files/ru/web/svg/attribute/transform/index.html @@ -80,7 +80,7 @@ translation_of: Web/SVG/Attribute/transform <p>{{EmbedLiveSample("Поворот_и_перенос_SVG-элемента",200,200,"/files/5217/rotate_and_translate_svg.png.png")}}</p> -<h3 id="General_Transformation" name="General_Transformation">Общее преобразование</h3> +<h3 id="General_Transformation">Общее преобразование</h3> <p>Вот простой пример, чтобы понять общее преобразование. Мы рассмотрим матрицу преобразования <code>matrix(1,2,3,4,5,6)</code> и нарисуем жирную синюю линию из точки (10,20) в точку (30,40) в новой системе координат. Тонкая белая линия, проходящая через те же точки, нарисована над нею, используя первоначальную систему координат.</p> diff --git a/files/ru/web/svg/element/use/index.html b/files/ru/web/svg/element/use/index.html index 79b030eca1..369760ae9b 100644 --- a/files/ru/web/svg/element/use/index.html +++ b/files/ru/web/svg/element/use/index.html @@ -120,7 +120,7 @@ original_slug: Web/SVG/Элемент/use </tbody> </table> -<h2 id="Браузерная_совместимость"><a id="browser-compatibility" name="browser-compatibility">Браузерная совместимость</a></h2> +<h2 id="Браузерная_совместимость"><a id="browser-compatibility">Браузерная совместимость</a></h2> diff --git a/files/ru/web/svg/index.html b/files/ru/web/svg/index.html index 3ffa59e5f7..fb8af9a5e3 100644 --- a/files/ru/web/svg/index.html +++ b/files/ru/web/svg/index.html @@ -21,7 +21,7 @@ translation_of: Web/SVG <div class="cleared row topicpage-table"> <div class="section"> -<h2 class="Documentation" id="Documentation" name="Documentation">Документация</h2> +<h2 class="Documentation" id="Documentation">Документация</h2> <dl> <dt><a href="/ru/docs/Web/SVG/Элемент">Справочник по элементам SVG</a></dt> @@ -44,13 +44,13 @@ translation_of: Web/SVG </dl> -<h2 class="Community" id="Community" name="Community">Сообщество</h2> +<h2 class="Community" id="Community">Сообщество</h2> <ul> <li>Обращайтесь на форумы Mozilla… {{DiscussionList("dev-tech-svg", "mozilla.dev.tech.svg")}}</li> </ul> -<h2 class="Tools" id="Tools" name="Tools">Инструменты</h2> +<h2 class="Tools" id="Tools">Инструменты</h2> <ul> <li><a href="http://www.w3.org/Graphics/SVG/Test/">Набор для тестирования SVG</a></li> @@ -61,7 +61,7 @@ translation_of: Web/SVG </div> <div class="section"> -<h2 class="Related_Topics" id="Examples" name="Examples">Примеры</h2> +<h2 class="Related_Topics" id="Examples">Примеры</h2> <ul> <li><a href="http://maps.google.com">Карты Google</a> (маршруты поверх карты) и <a href="http://docs.google.com">Документы Google</a> (диаграммы в электронных таблицах)</li> @@ -76,7 +76,7 @@ translation_of: Web/SVG <li>Больше примеров (примеры SVG с <a href="http://www.carto.net/papers/svg/samples/">carto.net</a>)</li> </ul> -<h3 id="Animation_and_interactions" name="Animation_and_interactions">Анимация и взаимодействие</h3> +<h3 id="Animation_and_interactions">Анимация и взаимодействие</h3> <p>Как и HTML, SVG имеет объектную модель документа (DOM) и события и всё это может быть доступно через JavaScript. Это позволяет разработчикам создавать роскошные анимации и интерактивные изображения.</p> @@ -88,7 +88,7 @@ translation_of: Web/SVG <li>Анимация <a href="http://www.creative-seo.ru/svg-speedometer/">SVG спидометр</a></li> </ul> -<h3 id="Mapping.2C_charting.2C_games_.26_3D_experiments" name="Mapping.2C_charting.2C_games_.26_3D_experiments">Карты, диаграммы, игры и эксперименты с 3D</h3> +<h3 id="Mapping.2C_charting.2C_games_.26_3D_experiments">Карты, диаграммы, игры и эксперименты с 3D</h3> <p>В то время, как маленькие документы SVG могут серьёзно улучшить веб-контент, здесь представлены некоторые примеры тяжёлого использования SVG.</p> diff --git a/files/ru/web/svg/tutorial/basic_shapes/index.html b/files/ru/web/svg/tutorial/basic_shapes/index.html index 882ce4142f..1af0760130 100644 --- a/files/ru/web/svg/tutorial/basic_shapes/index.html +++ b/files/ru/web/svg/tutorial/basic_shapes/index.html @@ -11,7 +11,7 @@ original_slug: Web/SVG/Tutorial/Основные_Фигуры <p>Существует несколько основных фигур, используемых в большинстве рисунков SVG. Назначение этих фигур вполне очевидно из их имён. Мы привели здесь некоторые атрибуты, определяющие положение и размер, но спецификация элемента, вероятно, содержит более точное и полное описание, вместе с другими свойствами, не описанными здесь. Однако, так как они используются в большинстве документов SVG, важно иметь некоторое представление о них.</p> -<h2 id="Basic_shapes" name="Basic_shapes">Основные формы</h2> +<h2 id="Basic_shapes">Основные формы</h2> <p>Чтобы вставить форму, нужно создать элемент в документе. Разные элементы соответствуют разным формам и требуют разные атрибуты для описания размера и положения этих форм. Некоторые немного громоздки, поскольку могут быть созданы другими формами, но для удобства они все здесь приведены и способствуют сохранению документов SVG настолько короткими и читаемыми, насколько это возможно. Все основные формы показаны на изображении справа. Код для генерации выглядит как-то так:</p> @@ -38,7 +38,7 @@ original_slug: Web/SVG/Tutorial/Основные_Фигуры <div class="note"><strong>Замечание:</strong> Атрибуты <code>stroke</code>, <code>stroke-width</code> и <code>fill</code> описываются в руководстве далее.</div> -<h3 id="Rectangles" name="Rectangles">Прямоугольники</h3> +<h3 id="Rectangles">Прямоугольники</h3> <p>Элемент <a href="/en-US/Web/SVG/Element/rect" title="en-US/Web/SVG/Element/rect">rect</a> делает как раз то, что вы и ожидаете, то есть рисует прямоугольник на экране. Существуют только 6 основных атрибутов, которые контролируют положение и форму прямоугольника на экране. Ранее показанное изображение отображает два элемента rect, которые выглядят немного лишними. Один справа имеет набор атрибутов rx и ry, которые отвечают за округлые углы. Если этого набора нет, то по умолчанию они принимаются равными 0.</p> @@ -60,7 +60,7 @@ original_slug: Web/SVG/Tutorial/Основные_Фигуры <dd>Радиус y углов прямоугольника</dd> </dl> -<h3 id="Circle" name="Circle">Окружность</h3> +<h3 id="Circle">Окружность</h3> <p>Как вы могли предположить, элемент <a href="/en-US/Web/SVG/Element/circle" title="en-US/Web/SVG/Element/circle">circle</a> рисует окружность на экране. Существует 3 атрибута для описания этого элемента.</p> @@ -75,7 +75,7 @@ original_slug: Web/SVG/Tutorial/Основные_Фигуры <dd>Положение y центра окружности.</dd> </dl> -<h3 id="Ellipse" name="Ellipse">Эллипс</h3> +<h3 id="Ellipse">Эллипс</h3> <p><a href="/en-US/Web/SVG/Element/ellipse" title="en-US/Web/SVG/Element/ellipse">Ellipse</a> - это наиболее общая форма элемента окружность, в котором можно масштабировать радиусы x и y (обычно называемые математиками половиной большой оси и половиной малой оси) окружности по отдельности.</p> @@ -92,7 +92,7 @@ original_slug: Web/SVG/Tutorial/Основные_Фигуры <dd>Положение y центра эллипса.</dd> </dl> -<h3 id="Line" name="Line">Линия</h3> +<h3 id="Line">Линия</h3> <p><a href="/en-US/Web/SVG/Element/line" title="en-US/Web/SVG/Element/line">Line</a> изображает простую прямую линию. Её атрибутами являются две точки, которые определяют начальную и конечную точки линии.</p> @@ -109,7 +109,7 @@ original_slug: Web/SVG/Tutorial/Основные_Фигуры <dd>Положение y точки 2.</dd> </dl> -<h3 id="Polyline" name="Polyline">Ломаная линия</h3> +<h3 id="Polyline">Ломаная линия</h3> <p>Элемент <a href="/en-US/Web/SVG/Element/polyline" title="en-US/Web/SVG/Element/polyline">polyline</a> воспроизводит группу соединённых прямых линий. Поскольку этот список может быть довольно длинным, все точки включены в один атрибут:</p> @@ -120,7 +120,7 @@ original_slug: Web/SVG/Tutorial/Основные_Фигуры <dd>Список точек, каждая разделённая пробелом, запятой, <abbr title="Конец строки (англ. End of line)">EOL</abbr>, или символом перевода строки. Каждая точка должна содержать два числа, координату x и координату y. Поэтому список (0,0), (1,1) и (2,2) может быть записан: "0 0, 1 1, 2 2".</dd> </dl> -<h3 id="Polygon" name="Polygon">Многоугольник</h3> +<h3 id="Polygon">Многоугольник</h3> <p>Элемент <a href="/en-US/Web/SVG/Element/polygon" title="en-US/Web/SVG/Element/polygon">polygon</a> очень похож на элемент polyline в том, что они образованы сегментами прямых линий, соединяющими список точек. Но для многоугольников путь автоматически возвращается к первой точке в конце, создавая тем самым замкнутую форму. Следует отметить, что прямоугольник является частным случаем многоугольника, поэтому polygon можно использовать для создания элемента <code><rect/></code> в случаях, когда необходимо большая гибкость.</p> @@ -131,7 +131,7 @@ original_slug: Web/SVG/Tutorial/Основные_Фигуры <dd>Список точек, каждая разделённая пробелом, запятой, <abbr title="Конец строки (англ. End of line)">EOL</abbr>, или символом перевода строки. Каждая точка должна содержать два числа, координату x и координату y. Поэтому список (0,0), (1,1) и (2,2) может быть записан как: "0 0, 1 1, 2 2". Полигон замыкается финальной прямой линией от (2,2) до (0,0).</dd> </dl> -<h3 id="Path" name="Path">Путь</h3> +<h3 id="Path">Путь</h3> <p><a href="/en-US/Web/SVG/Element/path" title="en-US/Web/SVG/Element/path">Path</a>, вероятно, наиболее общая форма, которую можно использовать в SVG. Используя элемент path вы можете рисовать прямоугольники (с закруглёнными углами или без), окружности, эллипсы, ломанные линии и многоугольники; и по существу любые другие типы форм: кривые Безье, квадратические кривые и многое другое. По этой причине элемент path будет рассмотрен отдельно <a href="/en-US/Web/SVG/Tutorial/Paths" title="en-US/Web/SVG/Tutorial/Paths">в следующей секции</a> этого руководства, но сейчас отметим только, что существует единственный атрибут для контроля его формы.</p> diff --git a/files/ru/web/svg/tutorial/fills_and_strokes/index.html b/files/ru/web/svg/tutorial/fills_and_strokes/index.html index e10309f140..bca52397ac 100644 --- a/files/ru/web/svg/tutorial/fills_and_strokes/index.html +++ b/files/ru/web/svg/tutorial/fills_and_strokes/index.html @@ -7,9 +7,9 @@ translation_of: Web/SVG/Tutorial/Fills_and_Strokes <p>Есть несколько способов раскрасить фигуры SVG (в т.ч. с указанием атрибутов объекта), используя инлайн-CSS, встроенную CSS-секцию, или внешний файл CSS. Большая часть SVG, которую вы встретите в интернете, использует встроенный CSS, однако преимущества и недостатки есть у каждого типа.</p> -<h2 id="Fill_and_Stroke_Attributes" name="Fill_and_Stroke_Attributes">Атрибуты заливки и обводки (Fill and Stroke Attributes)</h2> +<h2 id="Fill_and_Stroke_Attributes">Атрибуты заливки и обводки (Fill and Stroke Attributes)</h2> -<h3 id="Painting" name="Painting">Раскраска (Painting)</h3> +<h3 id="Painting">Раскраска (Painting)</h3> <p>Основная раскраска может быть сделана установкой двух свойств на ноде - <em>fill </em>и <em>stroke. Fill - </em>устанавливает цвет внутри объекта, а <em>stroke </em>задаёт цвет линии, которая рисуется вокруг объекта. Вы можете использовать CSS-наименования цветов, что и в HTML - названия цветов (например,<em> red)</em>, rgb-значения, hex-значения, rgba-значения и т.д.</p> @@ -21,7 +21,7 @@ translation_of: Web/SVG/Tutorial/Fills_and_Strokes <div class="note style-wrap">Замечание: в Firefox 3+ допустимы rgba-значения и это даёт такой же эффект прозрачности, но для совместимости с другими просмотрщиками часто лучше определить прозрачность обводки/заливки отдельно. Если вы укажете и rgba-значение и значение <em>fill-opacity/stroke-opacity - </em>будут применены оба.</div> -<h3 id="Stroke" name="Stroke">Обводка (Stroke)</h3> +<h3 id="Stroke">Обводка (Stroke)</h3> <p>Кроме цветовых свойств обводки, есть несколько атрибутов, управляющих способом обводки.</p> @@ -92,7 +92,7 @@ translation_of: Web/SVG/Tutorial/Fills_and_Strokes <p>Также есть дополнительные <strong>stroke </strong>и <strong>fill </strong>свойства: <code><a href="/en-US/docs/Web/SVG/Attribute/fill-rule">fill-rule</a>, которое определяет как будут заливаться сложные фигуры, которые имеют пересечения внутри себя;</code> <code><a href="/en-US/docs/Web/SVG/Attribute/stroke-miterlimit">stroke-miterlimit</a>, </code>which determines if a stroke should draw miters<code> и </code><a href="/en-US/docs/Web/SVG/Attribute/stroke-dashoffset">stroke-dashoffset</a>, который указывает где начинается dash-array в линии (позволяет задать смещение пунктирной обводки относительно первоначального положения)</p> -<h2 id="Using_CSS" name="Using_CSS">Использование CSS (Using CSS)</h2> +<h2 id="Using_CSS">Использование CSS (Using CSS)</h2> <p>В дополнение к установке атрибутов объектов, вы также можете использовать CSS для стилизации заливки и обводки. Не все атрибуты могут быть установлены через CSS. Но атрибуты взаимодействия с раскраской и заливкой обычно доступны, так что <code>fill, stroke, stroke-dasharray </code>и т.д. могут быть заданы этим способом, также как и градиенты, и паттерны, что показано ниже. Атрибуты вроде <code>width, height </code>или команд для путей SVG не могут быть установлены через CSS. Проще всего просто протестировать и узнать, что доступно, а что нет.</p> diff --git a/files/ru/web/svg/tutorial/getting_started/index.html b/files/ru/web/svg/tutorial/getting_started/index.html index 5b1ff952bb..9c4a5c718a 100644 --- a/files/ru/web/svg/tutorial/getting_started/index.html +++ b/files/ru/web/svg/tutorial/getting_started/index.html @@ -8,7 +8,7 @@ translation_of: Web/SVG/Tutorial/Getting_Started --- <p>{{ PreviousNext("Web/SVG/Tutorial/Introduction", "Web/SVG/Tutorial/Positions") }}</p> -<h3 id="A_Simple_Example" name="A_Simple_Example">Простой пример</h3> +<h3 id="A_Simple_Example">Простой пример</h3> <p>Давайте начнём наше погружение с простого примера. Посмотрите на код, представленный ниже:</p> @@ -67,13 +67,13 @@ translation_of: Web/SVG/Tutorial/Getting_Started <li>Как SVG управляет размерами и единицами будет объяснено <a href="/en-US/Web/SVG/Tutorial/Positions" title="en-US/Web/SVG/Tutorial/Positions">на следующей странице</a>.</li> </ul> -<h3 id="SVG_File_Types" name="SVG_File_Types">Типы SVG файлов</h3> +<h3 id="SVG_File_Types">Типы SVG файлов</h3> <p>Файлы SVG бывают двух видов. Нормальные файлы SVG - это простые текстовые файлы, содержащие разметку SVG. Рекомендуется расширение ".svg" (все нижним регистром) к имени файла для этих файлов.</p> <p>Благодаря потенциально массивному размеру, который файлы SVG могут иметь при использовании в некоторых приложениях (например, географические приложения), спецификация SVG также допускает gzip-архивированные файлы SVG. Рекомендуется расширение ".svgz" (все нижним регистром) к имени файла. К сожалению, очень проблематично получить gzip-архивированные файлы SVG для надёжной работы со всеми SVG совместимыми пользовательскими агентами при управлении с сервера Microsofts IIS, когда Firefox не может загрузить gzip-архивированный SVG с локального компьютера. Избегайте gzip-архивированного SVG, кроме случаев, когда вы публикуетесь на веб-сервере, в корректной работе которого вы уверены (смотри ниже).</p> -<h3 id="A_Word_on_Webservers" name="A_Word_on_Webservers">Слово о Веб-серверах</h3> +<h3 id="A_Word_on_Webservers">Слово о Веб-серверах</h3> <p>Теперь, когда вы имеете представление о том, как создавать основные файлы SVG, следующим шагом будет загрузить их на Веб-сервер. Но на этом этапе существуют некоторые подводные камни. Для нормальных файлов SVG, сервера должны посылать заголовки HTTP:</p> diff --git a/files/ru/web/svg/tutorial/gradients/index.html b/files/ru/web/svg/tutorial/gradients/index.html index d2992d0bf3..d125016c73 100644 --- a/files/ru/web/svg/tutorial/gradients/index.html +++ b/files/ru/web/svg/tutorial/gradients/index.html @@ -9,7 +9,7 @@ translation_of: Web/SVG/Tutorial/Gradients <p>Есть два типа градиентов: линейный и радиальный. Вы должны присвоить градиенту атрибут <code><strong>id</strong>, </code>в противном случае на него не смогут ссылаться другие элементы внутри файла. Градиенты определяются в секции <code>defs, </code>а не в самой фигуре. Это позволяет их использовать многократно.</p> -<h2 id="SVGLinearGradient" name="SVGLinearGradient">Линейный градиент (Linear Gradient)</h2> +<h2 id="SVGLinearGradient">Линейный градиент (Linear Gradient)</h2> <p>Линейные градиенты изменяются вдоль прямой линии. Чтобы вставить градиент, нужно создать ноду {{SVGElement('linearGradient')}} внутри секции <code><defs> </code>SVG файла.</p> @@ -69,7 +69,7 @@ translation_of: Web/SVG/Tutorial/Gradients <p>Я включил пространство имён xlink прямо в ноду, хотя обычно вы хотели бы определить его в верхней части вашего документа. Подробнее об этом мы <a href="https://developer.mozilla.org/en-US/Web/SVG/Tutorial/Other_content_in_SVG">поговорим в разделе изображений</a>.</p> </div> -<h2 id="Radial_Gradient" name="Radial_Gradient">Радиальные градиенты</h2> +<h2 id="Radial_Gradient">Радиальные градиенты</h2> <p>Радиальные градиенты похожи на линейные, но рисуют градиент, который "излучается" из точки. Для создания градиента вам необходимо добавить элемент {{SVGElement('radialGradient')}} в секцию <strong>defs</strong>.</p> diff --git a/files/ru/web/svg/tutorial/introduction/index.html b/files/ru/web/svg/tutorial/introduction/index.html index 4043b9238a..b01c56c621 100644 --- a/files/ru/web/svg/tutorial/introduction/index.html +++ b/files/ru/web/svg/tutorial/introduction/index.html @@ -19,7 +19,7 @@ original_slug: Web/SVG/Tutorial/Введение <p>Начиная с этого, SVG изображение может стать сколь угодно сложным. SVG поддерживает градиенты, вращения, фильтры, анимации, взаимодействие с JavaScript, и т.п. Но все эти дополнительные возможности языка полагаются на этот относительно небольшой набор элементов, определяющих графическую область.</p> -<h3 id="Before_you_start" name="Before_you_start">До начала работы</h3> +<h3 id="Before_you_start">До начала работы</h3> <p>Существует ряд приложений для рисования, такие как <a class="external" href="http://www.inkscape.org/">Inkscape</a>, который свободный и использует SVG в качестве родного файлового формата. Однако, это руководство полагается только на надёжный XML или текстовый редактор (на ваш выбор). Идея в том, чтобы обучить основам SVG тех, кто хочет понять его, и это лучше всего сделать, самостоятельно поработав с разметкой. При этом вы должны знать свою конечную цель. Не все программы просмотра SVG одинаковы, и поэтому существует высокий шанс того, что написанное для одного приложения не будет отображаться таким же образом в другом, просто потому что они поддерживают разные уровни SVG детализации или другую детализацию, которую вы используете наряду с SVG (такую как, <a href="/en-US/JavaScript" title="en-US/JavaScript">JavaScript</a> или <a href="/en-US/CSS" title="en-US/CSS">CSS</a>).</p> diff --git a/files/ru/web/svg/tutorial/paths/index.html b/files/ru/web/svg/tutorial/paths/index.html index 05ddefc879..035b48074f 100644 --- a/files/ru/web/svg/tutorial/paths/index.html +++ b/files/ru/web/svg/tutorial/paths/index.html @@ -162,7 +162,7 @@ translation_of: Web/SVG/Tutorial/Paths <p>Обе кривые дают похожие результаты, но кубическая кривая позволяет больше свободы в том, как должна выглядеть кривая. Решение, какую кривую использовать - ситуационное и зависит от количества симметрии в линиях.</p> -<h3 id="Arcs" name="Arcs">Дуги</h3> +<h3 id="Arcs">Дуги</h3> <p>Другой тип кривых линий, которые можно создать с помощью SVG - дуга (команда A). Дуги - секции кругов или эллипсов. При заданных x- и y-радиусах есть два эллипса, которые могут соединяться любыми двумя точками (пока они находятся внутри радиуса круга). Вдоль любого из этих кругов есть два пути, которые могут использовать для соединения точек, так что в любой ситуации возможно 4 дуги.</p> diff --git a/files/ru/web/svg/tutorial/positions/index.html b/files/ru/web/svg/tutorial/positions/index.html index 9d20d29d1a..4d9e02a89f 100644 --- a/files/ru/web/svg/tutorial/positions/index.html +++ b/files/ru/web/svg/tutorial/positions/index.html @@ -9,7 +9,7 @@ original_slug: Web/SVG/Tutorial/Позиции --- <p>{{ PreviousNext("Web/SVG/Tutorial/Getting_Started", "Web/SVG/Tutorial/Basic_Shapes") }}</p> -<h2 id="The_grid" name="The_grid">Сетка</h2> +<h2 id="The_grid">Сетка</h2> <p><img alt="" class="internal" src="/@api/deki/files/78/=Canvas_default_grid.png" style="float: right;">SVG для всех элементов использует систему координат или сеточную систему, схожую с той, что используется <a href="/en/HTML/Canvas" title="en/HTML/Canvas">canvas</a> (и множеством других стандартных компьютерных программ для рисования). Здесь верхний левый угол документа принимается за точку (0,0). Затем позиции измеряются в пикселях от верхнего левого угла с положительным направлением x, уходящим вправо, и положительным направлением y, уходящим вниз. Заметьте, что это направление противоположно тому, к которому мы привыкли с детства. Однако, именно этим способом располагаются элементы HTML.</p> diff --git a/files/ru/web/svg/tutorial/svg_and_css/index.html b/files/ru/web/svg/tutorial/svg_and_css/index.html index 1382c844c6..4be3466c96 100644 --- a/files/ru/web/svg/tutorial/svg_and_css/index.html +++ b/files/ru/web/svg/tutorial/svg_and_css/index.html @@ -14,7 +14,7 @@ original_slug: Web/Guide/CSS/Getting_started/SVG_и_CSS Предыдущая секция: <a href="/en-US/docs/Web/JavaScript/Getting_Started">JavaScript</a><br> Следующая секция: <a href="/en-US/docs/Web/Guide/CSS/Getting_started/XML_data">Данные XML</a></p> -<h3 id="Information_SVG" name="Information:_SVG">Общая информация: SVG</h3> +<h3 id="Information_SVG">Общая информация: SVG</h3> <p><em>SVG</em> (Scalable Vector Graphics) является подмножеством языка XML и предназначен для создания графики.</p> @@ -39,7 +39,7 @@ original_slug: Web/Guide/CSS/Getting_started/SVG_и_CSS </tbody> </table> -<h3 id="Action_An_SVG_demonstration" name="Action:_An_SVG_demonstration">За дело: Демонстрация SVG</h3> +<h3 id="Action_An_SVG_demonstration">За дело: Демонстрация SVG</h3> <p>Создайте новый документ SVG, как обычный текстовый файл, <code>doc8.svg</code>. Скопируйте и вставьте содержимое блока ниже, убедитесь, что пролистали его полностью, чтобы скопировать все:</p> @@ -209,6 +209,6 @@ svg { <p><a href="/en/CSS/Getting_Started/Challenge_solutions#SVG_and_CSS" title="https://developer.mozilla.org/en/CSS/Getting_Started/Challenge_solutions#SVG_and_CSS">Посмотреть решение к этому заданию.</a></p> -<h4 id="What_next.3F" name="What_next.3F">Что дальше?</h4> +<h4 id="What_next.3F">Что дальше?</h4> <p>В этой демонстрации, ваш браузер с поддержкой SVG уже знает, как отображать элементы SVG. Таблица стилей всего лишь некоторым образом меняет отображение. То же самое происходит с документами HTML и XUL. Однако CSS можно использовать для любых документов XML, в которых нет предусмотренного по умолчанию способа отображения элементов. Данный пример продемонстрирован на следующей странице: <a href="/en-US/docs/Web/Guide/CSS/Getting_started/XML_data">Данные XML</a></p> 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> |