Cover (mit SVG)

Eine Cover-Seite mit SVG-Einsatz. Der SVG-Code sorgt dafür, dass die Cover-Abbildung immer zu 100% (auch in der Höhe!) sichtbar ist.

Anmerkung

	Anmerkung
An zwei Stellen, in den Attributen `@viewBox` und `@width / @height` muss zusätzlich noch die Höhe und Breite der Abbildung angegeben werden! Die SVG-Lösung für das Cover ist daher nur sinnvoll, wenn Sie sicherstellen können, dass Ihre Cover-Abbildungen immer die gleichen Abmessungen haben!

An zwei Stellen, in den Attributen @viewBox und @width / @height muss zusätzlich noch die Höhe und Breite der Abbildung angegeben werden!

Die SVG-Lösung für das Cover ist daher nur sinnvoll, wenn Sie sicherstellen können, dass Ihre Cover-Abbildungen immer die gleichen Abmessungen haben!

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tpl="https://www.parsx.de/ns/4.0/epub-tpl" xmlns:epub="http://www.idpf.org/2007/ops" xml:lang="de" lang="de">
	<head>
		<meta charset="utf-8"/>
		<link rel="stylesheet" type="text/css" href="stylesheet.css" id="style-standard" />
		<title>[Cover]</title>
	</head>
	<body style="oeb-column-number: 1;" class="cover" epub:type="cover">
		<div class="cover">
			<img class="cover" role="doc-cover" alt="Cover" src="images/U1_{{KENNUNG-ISBN}}.jpg" />
		</div>
	</body>
</html>

Meta-Element

	Meta-Element
Falls Sie in Zukunft ausschließlich EPUB 3 E-Books produzieren werden, können Sie das o.g. `<meta>`-Element aber auch wie folgt ersetzen: <meta charset="utf-8"/>

Falls Sie in Zukunft ausschließlich EPUB 3 E-Books produzieren werden, können Sie das o.g. <meta>-Element aber auch wie folgt ersetzen:

<meta charset="utf-8"/>

	Bug in Digital Editions 4 (Windows)
Digital Editions 4 (Windows) hat einen Bug, der dafür sorgt, dass das SVG-Cover wie oben beschrieben, nicht korrekt skaliert sondern stark verkleinert angezeigt wird. Lösung: Bitte lesen Sie den entsprechenden FAQ-Eintrag.

Bug in Digital Editions 4 (Windows)

Digital Editions 4 (Windows) hat einen Bug, der dafür sorgt, dass das SVG-Cover wie oben beschrieben, nicht korrekt skaliert sondern stark verkleinert angezeigt wird.

Lösung: Bitte lesen Sie den entsprechenden FAQ-Eintrag.