View Full Version : Illustrations with interposed text


elibrarian
03-14-2013, 12:17 PM
Hi all -

I am presently experimenting with an illustrated epub (v.2.0), and have come up with this code to show and scale the images, and place (likewise scaled) text upon them.

<div class="svg_outer">
<div class="svg_inner">
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 600 649" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image alt="Svend: Her står jeg! Kom med strålen -" height="624" width="600" xlink:href="../Images/image18.jpg"/>

<text font-size="1.3em" style="font-style: italic;" x="100" y="639">Her står jeg! Kom med strålen -</text>
</svg>
</div>
</div>

Which renders like this in Sony Reader (for PC, but that shouldn't matter):

http://www.mobileread.com/forums/attachment.php?attachmentid=102881&stc=1&d=1363277716


It looks ok on the Sony Reader, ADE 2.0 and Ipad, but I wonder if there might be any issues with it?

Regards,

Kim

mrmikel
03-14-2013, 02:03 PM
What happens when you increase print size?

elibrarian
03-14-2013, 03:11 PM
It's an epub - it scales on the screen, image and the text in the svg-wrapper simultaneously. Print is not important.

regards,

Kim