MobileRead Forums - View Single Post - Book View Bug

Turtle91 · 06-20-2018, 08:16 PM

Priority: Really Low....

So I was playing with adding text to my SVG cover and used the code below. It displays fine in Preview, but only the image displays in Book View. Scrolling doesn't effect anything.

Is it bad code, or a bug?

Code:

<body style="margin:0; padding:0; text-align:center; background-color:white">
  <h1 style="display:none" title="Cover"></h1>

  <div style="margin:0; padding:0">
    <svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 605 745" style="font-size:2em" xmlns:xlink="http://www.w3.org/1999/xlink">

<text text-anchor="middle" x="302" y="-2em" style="fill:red;">
    <tspan>Book Title</tspan>
<tspan x="302" dy="1.5em">Short Stories</tspan>
    
  </text>
        <image width="605" height="605" xlink:href="../Images/cover.jpg"/>

    </svg>
  </div>
</body>

Thanks!

edit: It should display with the two lines of text centered above the image.

06-20-2018, 08:16 PM	#1
Turtle91 A Hairy Wizard Posts: 3,094 Karma: 18727053 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	Book View Bug - Oh My! Priority: Really Low.... So I was playing with adding text to my SVG cover and used the code below. It displays fine in Preview, but only the image displays in Book View. Scrolling doesn't effect anything. Is it bad code, or a bug? Code: <body style="margin:0; padding:0; text-align:center; background-color:white"> <h1 style="display:none" title="Cover"></h1> <div style="margin:0; padding:0"> <svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 605 745" style="font-size:2em" xmlns:xlink="http://www.w3.org/1999/xlink"> <text text-anchor="middle" x="302" y="-2em" style="fill:red;"> <tspan>Book Title</tspan> <tspan x="302" dy="1.5em">Short Stories</tspan> </text> <image width="605" height="605" xlink:href="../Images/cover.jpg"/> </svg> </div> </body> Thanks! edit: It should display with the two lines of text centered above the image. Last edited by Turtle91; 06-20-2018 at 08:47 PM.