Quote:
Originally Posted by MikeWV
That's not good but's it's good to know. I though the problem was either attributable to my coding or some idiosyncrasy of my Kobo.
|
Well, if you open up the SVG, you can see the internal measurements of your large table is:
Code:
width="577.20001"
height="789.90002"
To my knowledge, if you just plop the SVG into your ebook, the device will render it at a 1:1 ratio (~577px x ~780px).
If your device does not have enough pixels for that width/height, the image can flow off the edges of the device (just like your typical too large image, that isn't resized via CSS).
I attached a new EPUB with the typical "Cover" SVG Wrapper that many use.
I wrapped it around the table + tweaked the width/height, so now it should resize to fill the entire width/height of the device, while maintaining a proper ratio. (Tested it on my Nook, it works perfect).
Quote:
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 577 789" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="789" width="577" xlink:href="../Images/13t04_table4_r2v_mat_full.svg"></image>
</svg>
|
Again, I haven't done extensive testing, and from a quick feed into Kindle Previewer, it did not look like the Kindles liked the code. (Some of the text got mangled).
Side Note: A lot of this talk got me thinking about my SVG Tutorial I had laid the groundwork on... I looked in my notes, and I haven't touched it since February. I should get back on doing thorough research/testing/writing.
