View Single Post
Old 03-14-2013, 12:17 PM   #1
elibrarian
Imperfect Perfectionist
elibrarian gives new meaning to the word 'superlative.'elibrarian gives new meaning to the word 'superlative.'elibrarian gives new meaning to the word 'superlative.'elibrarian gives new meaning to the word 'superlative.'elibrarian gives new meaning to the word 'superlative.'elibrarian gives new meaning to the word 'superlative.'elibrarian gives new meaning to the word 'superlative.'elibrarian gives new meaning to the word 'superlative.'elibrarian gives new meaning to the word 'superlative.'elibrarian gives new meaning to the word 'superlative.'elibrarian gives new meaning to the word 'superlative.'
 
elibrarian's Avatar
 
Posts: 117
Karma: 150782
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:	230
Size:	32.4 KB
ID:	102881  
elibrarian is offline   Reply With Quote