View Single Post
Old 03-14-2013, 01:17 PM   #1
elibrarian
Connoisseur
elibrarian never is beset by a damp, drizzly November in his or her soul.elibrarian never is beset by a damp, drizzly November in his or her soul.elibrarian never is beset by a damp, drizzly November in his or her soul.elibrarian never is beset by a damp, drizzly November in his or her soul.elibrarian never is beset by a damp, drizzly November in his or her soul.elibrarian never is beset by a damp, drizzly November in his or her soul.elibrarian never is beset by a damp, drizzly November in his or her soul.elibrarian never is beset by a damp, drizzly November in his or her soul.elibrarian never is beset by a damp, drizzly November in his or her soul.elibrarian never is beset by a damp, drizzly November in his or her soul.elibrarian never is beset by a damp, drizzly November in his or her soul.
 
elibrarian's Avatar
 
Posts: 99
Karma: 59964
Join Date: Dec 2011
Location: Ølstykke, Denmark
Device: Sony PRS-T1, iPad
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
Click image for larger version

Name:	sample.jpg
Views:	157
Size:	32.4 KB
ID:	102881  
elibrarian is offline   Reply With Quote