Thread: How to keep a Header and svg wrapped img on the same page
View Single Post
Old 05-08-2017, 02:46 PM   #6
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,361
Karma: 20212223
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Quote:
Originally Posted by nodestar View Post
I understand now. Thanks for the help.

This worked in firefox's epub reader but the text was missing in the Kindle previewer. I couldn't tell if the previewer was ignoring the x,y coordinates or the image was covering the text.

The text was also trapped inside the image. Because the image is trying to fill the page as much as possible, there is no space at the top for the chapter title/text to sit.

I'm trying to create this space for the chapter title to be preserved and have the svg wrapped image fill the rest of the available space while maintaining its aspect ratio.
You simply need to adjust the size of the viewbox - make it taller than the image - to provide the extra room for the text.
Turtle91 is offline   Reply With Quote