View Single Post
Old 11-04-2013, 07:32 PM   #23
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,634
Karma: 8566337
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by DaleDe View Post
This seems to work fine for me.
Ahhhh, you changed the size of the viewbox and not the size of "height" (let's say instead of height="100%" to use height="95%" doesn't work). That is a better solution And yes, works in ADE

Just minor modifications to the code you used:

Code:
<body>
  <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 248 360" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
    <image height="310" width="248" xlink:href="../Images/Obama.jpg"></image>

    <text text-anchor="middle" x="124" y="330">
      Barak Obama
      <tspan x="124" y="350">President of the United States of America</tspan>
    </text>
  </svg>
</body>
I have adjusted the "width" of the viewbox and also added the tag <tspan> to add the second line of text (so both lines are centered).

Regards
Rubén
Attached Files
File Type: epub Image & Caption for ADE.epub (18.0 KB, 154 views)
RbnJrg is offline   Reply With Quote