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 | |
---|---|
An zwei Stellen, in den Attributen 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>
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 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. |