Quote:
Originally Posted by pdurrant
I guess I'll have to learn a bit more about SVG now. I wonder if Illustrator exports it...
|
If you grab any of my ePUBs, in the Cover.xhtml file you'll find a simple SVG cover (commented out). You could use that as a starting point for "learning" (bu I'm no SVG expert, I just learned enough to do that
)
Humm... No need to grab anything, here is a sample:
Code:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%" height="100%" viewBox="0 0 600 800" preserveAspectRatio="xMidYMid meet">
<rect width="100%" height="100%" fill="rgb(86%,87%,44%)" />
<rect width="100%" height="200" fill="rgb(0,0,0)" />
<rect x="100%" y="200" width="200" height="100%" transform="translate(-200,0)" fill="rgb(0,0,0)" />
<rect x="100%" y="0" width="200" height="200" transform="translate(-200,0)" fill="rgb(86%,87%,44%)" />
<g fill="rgb(100%,100%,100%)" transform="translate(-230,0)">
<text x="100%" y="70" text-anchor="end" font-size="30" font-weight="bold" font-style="italic">Lewis Carroll</text>
<text x="100%" y="150" text-anchor="end" font-size="36" font-weight="bold">Sylvie and Bruno</text>
<text x="100%" y="270" text-anchor="middle" transform="translate(130,0)" font-size="20">
<tspan x="100%" dy="0">1889</tspan>
<tspan x="100%" dy="30">1893</tspan>
</text>
</g>
<g fill="rgb(0%,0%,0%)" transform="translate(-230,230)">
<text x="100%" y="0" text-anchor="end" font-size="20" font-weight="bold">
<tspan x="100%" dy="0">Illustrated by Harry Furniss</tspan>
</text>
</g>
<image x="50" y="220" height="500" width="300" xlink:href="images/Cover.jpg" />
<image x="100%" y="0%" height="180" width="180" transform="translate(-190,10)" xlink:href="images/LewisCarroll.jpg" />
<image x="0%" y="100%" height="100" width="100" transform="translate(10,-100)" xlink:href="images/epub.png" />
</svg>
The code for your title page would probably be much simpler.