Gunnar Bittersmann: Alle SVGs aus einem Sprite anzeigen lassen

Beitrag lesen

SELF-Forum

Alle SVGs aus einem Sprite anzeigen lassen

Gunnar Bittersmann Homepage des Autors
+1 Informationen zu den Bewertungsregeln

@@marctrix

Da beschreibst du sehr detailliert, wie ich SVGs in meinen Projekten einsetze. WTF — wer hat dir das verraten? 😉

Im Ernst: finde ich gut, mache ich so, weiß aber immer noch nicht, wie ich mal anzeigen lassen kann, was in meinem Sprite so drin ist…

Du willst also aus einer SVG-Datei my-symbols.svg

<svg xmlns="http://www.w3.org/2000/svg">
	<symbol id="foo">…</symbol>
	<symbol id="bar">…</symbol>
</svg>

so etwas generieren

<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		<title>symbols of my-symbols.svg</title>
	</head>
	<body>
		<dl>
			<div>
				<dt>#foo</dt>
				<dd><svg><use xlink:href="/path/to/my-symbols.svg#foo"/></svg></dd>
			</div>
			<div>
				<dt>#bar</dt>
				<dd><svg><use xlink:href="/path/to/my-symbols.svg#bar"/></svg></dd>
			</div>
		</dl>
	</body>
</html>

XSLT wäre eine Möglichkeit, SimpleXML eine andere.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
Beitrag melden
+1
Informationen zu den Bewertungsregeln