View Full Version : Illustrations with interposed text

03-14-2013, 01: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="" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 600 649" width="100%" xmlns: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>

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

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



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

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