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.

Durch die Auswahl des Wertes HTML + SVG bei der Option Typ der generierten Cover-Seite im Abschnitt Seite: Cover im ConfigFileGenerator ist es möglich, eine derartige Seite als Standard-Cover vom Konverter generieren zu lassen.

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">
		<!-- Bitte beachten Sie: es gibt eine Variante dieses Templates (12-cover-svg-section.xhtml.vorspann.tpl). -->
		<!-- Dort wird anstelle von <div> eine <section> verwendet. Diese Alternative ist zur Sicherstellung der Barrierefreiheit zu bevorzugen. -->
		<!-- Dieses Template mit <div> wird jedoch weiterhin unterstützt, um die Rückwärtskompatibilität mit bestehenden Config-Settings zu gewährleisten. -->
		<div class="cover">
			<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="coverpage" role="img" aria-label="Alternativtext" viewBox="0 0 563 750" width="100%" height="100%">
				<image xmlns:xlink="http://www.w3.org/1999/xlink" role="doc-cover" class="cover" x="0" y="0" width="563" height="750" xlink:href="images/U1_{{KENNUNG-ISBN}}.jpg"/>
			</svg>
		</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.

	Tipp
	Es gibt eine Variante dieses Templates (12-cover-svg-section.xhtml.vorspann.tpl). Dort wird anstelle von `<div>` eine `<section>` verwendet. Diese Alternative ist zur Sicherstellung der Barrierefreiheit zu bevorzugen. Dieses Template mit `<div>` wird jedoch weiterhin unterstützt, um die Rückwärtskompatibilität mit bestehenden Config-Settings zu gewährleisten.