Thread: Illustrations with interposed text
View Single Post
Old 03-14-2013, 12:17 PM   #1
elibrarian
Imperfect Perfectionist
elibrarian ought to be getting tired of karma fortunes by now.elibrarian ought to be getting tired of karma fortunes by now.elibrarian ought to be getting tired of karma fortunes by now.elibrarian ought to be getting tired of karma fortunes by now.elibrarian ought to be getting tired of karma fortunes by now.elibrarian ought to be getting tired of karma fortunes by now.elibrarian ought to be getting tired of karma fortunes by now.elibrarian ought to be getting tired of karma fortunes by now.elibrarian ought to be getting tired of karma fortunes by now.elibrarian ought to be getting tired of karma fortunes by now.elibrarian ought to be getting tired of karma fortunes by now.
 
elibrarian's Avatar
 
Posts: 464
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
Click image for larger version Name: sample.jpg Views: 349 Size: 32.4 KB ID: 102881  
elibrarian is offline   Reply With Quote