---
title: Ръководство за използване на SVG
slug: Web/SVG/Tutorial
tags:
  - SVG Ръководство
  - ръководство
translation_of: Web/SVG/Tutorial
original_slug: Web/SVG/Ръководство
---
<p>Мащабируеми векторни графики (Scalable Vector Graphics), <a href="/en-US/Web/SVG" title="en-US/Web/SVG">SVG</a>, е разновидност на  W3C XML  за маркиране на графики. Частично се изпълнява от Firefox, Opera, WebKit browsers, Internet Explorer и други браузъри.</p>

<p>Това ръководство има за цел да обясни същината на SVG и съдържа доста технически детаили. Ако просто желаете да изрисувате красиви изображения, може би ще намерите по-полезна информация на <a class="external" href="https://inkscape.org/en/learn/" title="http://inkscape.org/doc/">Inkscape's documentation page</a>. Полезно въведение в SVG е предоставено в<a href="http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html"> SVG буквара на W3C</a>.</p>

<div class="note">Това ръководство е в начален етап на разработване. Ако имате възможност, заповядайте да помогнете, като напишете един-два параграфа. Бонус, ако напишете цяла страница!</div>

<h5 id="Начално_представяне_на_SVG">Начално представяне на SVG</h5>

<ul>
 <li><a href="/en-US/Web/SVG/Tutorial/Introduction" title="en-US/Web/SVG/Tutorial/Introduction">Introduction</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Getting_Started" title="en-US/Web/SVG/Tutorial/Getting_Started">Getting Started</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Positions" title="en-US/Web/SVG/Tutorial/Positions">Positions</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Basic_Shapes" title="en-US/Web/SVG/Tutorial/Basic_Shapes">Basic Shapes</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Paths" title="en-US/Web/SVG/Tutorial/Paths">Paths</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Fills_and_Strokes" title="en-US/Web/SVG/Tutorial/Fills_and_Strokes">Fills and Strokes</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Gradients" title="en-US/Web/SVG/Tutorial/Gradients">Gradients</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Patterns" title="en-US/Web/SVG/Tutorial/Patterns">Patterns</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Texts" title="en-US/Web/SVG/Tutorial/Texts">Texts</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Basic_Transformations" title="en-US/Web/SVG/Tutorial/Basic_Transformations">Basic Transformations</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Clipping_and_masking" title="en-US/Web/SVG/Tutorial/Clipping_and_masking">Clipping and masking</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Other_content_in_SVG" title="en-US/Web/SVG/Tutorial/Other content in SVG">Other content in SVG</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Filter_effects" title="en-US/Web/SVG/Tutorial/Filter effects">Filter effects</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/SVG_fonts" title="en-US/Web/SVG/Tutorial/SVG fonts">SVG fonts</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/SVG_Image_Tag" title="en-US/Web/SVG/Tutorial/SVG Image Tag">SVG Image tag</a></li>
 <li><a href="/en-US/Web/SVG/Tutorial/Tools_for_SVG" title="en-US/Web/SVG/Tutorial/Tools_for_SVG">Tools for SVG</a></li>
 <li><a href="/en-US/docs/Web/SVG/Tutorial/SVG_and_CSS">SVG and CSS</a></li>
</ul>

<p>Следващите теми са по-задълбочени и поради това, трябва да получат отделни ръководства.</p>

<h5 id="Писане_на_SVG_чрез_JavaScript">Писане на SVG чрез JavaScript</h5>

<p>TBD</p>

<h5 id="Ръководство_за_филтри_в_SVG">Ръководство за филтри в SVG</h5>

<p>TBD</p>

<h5 id="Анимации_чрез_SMIL(*задаване_на_път)_в_SVG">Анимации чрез SMIL(*задаване на път) в SVG</h5>

<p>TBD</p>

<h5 id="Създаване_на_шрифт_в_SVG">Създаване на шрифт в SVG</h5>

<p>TBD</p>