Book View Bug - Oh My!

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.

KevinH · 06-20-2018, 09:17 PM

If the viewbox is 0,0,605,745, what does a negative y="-2em" mean? Should that be a dy?

roger64 · 06-21-2018, 03:19 AM

mistake

Turtle91 · 06-21-2018, 07:58 PM

Quote:

Originally Posted by KevinH

If the viewbox is 0,0,605,745, what does a negative y="-2em" mean? Should that be a dy?

The y=-2em is with respect to the text-anchor...if I understand it correctly. y="-2em" was how I got the text to appear above the <image>. Then the dy for the second line of text bumped it down to the next line...with respect to the first line...still above the image. I tried using a y=-340, y=-40, y=0, etc. and they didn't seem to work in conjunction with the text-anchor="middle". The -2em DID work in preview, but not in bookview.

It very well may be bad coding...I'm just not seeing how it should be different.

06-20-2018, 08:16 PM	#1
Turtle91 A Hairy Wizard Posts: 3,095 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.

06-21-2018, 03:19 AM	#3
roger64 Wizard Posts: 2,608 Karma: 3000161 Join Date: Jan 2009 Device: Kindle PW3 (wifi)	mistake Last edited by roger64; 06-21-2018 at 03:42 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Elipsis character displays in code view but not in book view	magmanpi	Sigil	19	03-03-2014 04:45 AM
replace in book view changes view to code view	cybmole	Sigil	4	10-28-2012 01:20 PM
Sigil highlight Book View No Longer Shows in Code View	Themus	Sigil	4	10-04-2012 07:54 PM
quotes differences book view & code view	cybmole	Sigil	13	03-29-2011 01:53 AM
lock book view & code view windows into synch	cybmole	Sigil	5	01-19-2011 10:30 PM

06-20-2018, 09:17 PM	#2
KevinH Sigil Developer Posts: 7,644 Karma: 5433388 Join Date: Nov 2009 Device: many	If the viewbox is 0,0,605,745, what does a negative y="-2em" mean? Should that be a dy?