View Single Post
Old 09-04-2022, 12:01 PM   #24
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,830
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Hi,

I studied the epub you posted and I think I found the cause of your issue.

First at all, your epub is an epub3, so the only way that it can be correctly displayed on Kobo is as .kepub since .epub is for epub2.

Second, since your svg has text, to be sure that it will be (the text) showed in your device, first you must convert it as "paths". I did so and I built a new epub that you can watch below.

Finally, if you want an epub3, then you must do two things:

1) To use the format .kepub
2) To force the <body> of your .xhtml page (where you are going to include the svg) to have a full height. You can do that with something like:

Code:
   <body class="fullHeight">
   <div style="height: 100%">
      <svg ...><image.../></svg>
   </div>
and

Code:
.fullHeight {
   height: 99vh;  /* Take into account that this unit of measure is for epub3 */
}
Don't use a height of 100vh because some ereaders can create a blank page after the svg. Use a height of 100% with the <div> that will contain the svg.

Regards
Rubén
Attached Files
File Type: epub newEpub.epub (3.1 KB, 75 views)

Last edited by RbnJrg; 09-04-2022 at 12:03 PM.
RbnJrg is offline   Reply With Quote