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.

Code:

  <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):

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

03-14-2013, 12:17 PM	#1
elibrarian Imperfect Perfectionist Posts: 466 Karma: 724664 Join Date: Dec 2011 Location: Ølstykke, Denmark Device: none	Illustrations with interposed text 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. Code: <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): 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 Attached Thumbnails

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Creator Table of Illustrations	Caroline Schmutz	Kindle Formats	5	11-29-2011 03:51 PM
Touch Issue with illustrations	tsb1	Kobo Reader	0	11-29-2011 03:35 PM
'Floating' illustrations	lindsayw	Workshop	10	08-31-2011 10:33 PM
Illustrations for E-books	jodykihara	Workshop	5	03-24-2011 07:55 PM
ePUB and Illustrations	pdurrant	ePub	11	07-28-2009 06:07 AM

03-14-2013, 02:03 PM	#2
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	What happens when you increase print size?

03-14-2013, 03:11 PM	#3
elibrarian Imperfect Perfectionist Posts: 466 Karma: 724664 Join Date: Dec 2011 Location: Ølstykke, Denmark Device: none	It's an epub - it scales on the screen, image and the text in the svg-wrapper simultaneously. Print is not important. regards, Kim