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!

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" xml:lang="de" lang="de">
	<head>
		<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
		<title>[Cover]</title>
		<link rel="stylesheet" type="text/css" href="stylesheet.css" id="style-standard" />
	</head>
	<body style="oeb-column-number: 1;" class="meta_cover" epub:type="cover">
		<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="coverpage" viewBox="0 0 563 750" width="100%" height="100%">
			<image x="0" y="0" width="563" height="750" xlink:href="images/U1_{{eISBN}}.jpg"/>
		</svg>
	</body>
</html>
[Anmerkung]Meta-Element

Das hier gezeigte Template ist kompatibel zu EPUB 2 und EPUB 3. Bei der EPUB 3-Produktion wird jedoch eine Warnung angezeigt, dass das Meta-Element in eine HTML 5-kompatible Form umgebaut wird.

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"/>
[Anmerkung]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.