Quote:
Originally Posted by GMcG
My understanding is, that preserveAspectRatio means, that the proportions of the picture shall be kept the same even on a smaller display.
Your original image with 1200 x 800 has an aspect ratio of 3 : 2.
The kindle has a display with 800 x 600, which is 4 : 3.
So the picture is shown correctly with 800 x 533 (3 : 2). Without those white stripes at the sides (height=100% and width=100%) you would get a distortion and not a preserved aspect ratio. So it is either height=100% or width=100% if the display has different proportions. You don't get both.
If you can risk the distortion try it without wrapper but with height=100%, width=100% in the img tag.
George
Edit: There is no closing tag for <image> like it is with <p>.....</p> or <h1>.....</h1>.
Delete </image>.
|
Hi George;
The fact to use a SVG wrapper is in order that an image, no matter its size, is able to occupy a full screen, no matter its size -without distortion- since in this case, I'm using in "preserveAspectRatio" the value "slice". Of course, since the aspect ratio is preserved, then
just only one part of the full image is showed, in this case, the "xMid-yMin" part of it. If you do the try of using a SVG wrapper in Sigil, you'll see how the image changes its size to fill the entire "ViewBook" area no matter the size of this last one. If you, manually, change the size of the ViewBook area, also will change the size of the image, without distortion, to occupy the full area. In this case, it seems that this feature is not supported in the .azw3 format