SVG – формат для описания масштабируемой векторной графики.

SVG-код вставляется в шаблон следующим образом:

<svg clip="auto" width="100%" height="100%" viewBox="-100 -100 1000 1000">
	<defs/>
	<g style="text-rendering:optimizeLegibility;shape-rendering:auto">

	…

	</g>
</svg>

Тег <svg> может не являться корневым в шаблоне. В этом случае для отображения в браузере svg-изображение конвертируется в формат PNG. Т.е. конечный пользователь увидит растровую картинку, вставленную в HTML-код страницы.

Для генерации отдельного svg-документа следует сделать тег <svg> корневым в шаблоне и поменять формат вывода на “xml”:

<?xml version="1.0" encoding="Windows-1251"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
	<xsl:output method="xml" encoding="Windows-1251"/>

	<xsl:template match="/">
		<svg>
			<xsl:apply-templates/>
		</svg>
	</xsl:template>
</xsl:stylesheet>

В этом случае результирующий svg-документ будет открываться встроенным в браузер либо установленным дополнительно просмотрщиком svg-документов.