MobileRead Forums - View Single Post

AnemicOak · 06-09-2014, 03:40 AM

To try an svg image element to make the image fill the screen and self adjust its size (instead of just regular img tags) you could do something like...

Code:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" preserveAspectRatio="xMidyMid meet" version="1.1" viewBox="0 0 343 500" width="100%">
<image height="500" width="343" xlink:href="../Images/image123.jpeg"></image>
</svg>

Be sure to replace the the width & height (in pixels) in both places with those of your image, and edit the image path to match yours.

Would love to know when you publish it, I love reading WWII history of all kinds.

06-09-2014, 03:40 AM	#2
AnemicOak Bookaholic Posts: 14,391 Karma: 54969924 Join Date: Oct 2007 Location: Minnesota Device: iPad Mini 4, AuraHD, iPhone XR +	To try an svg image element to make the image fill the screen and self adjust its size (instead of just regular img tags) you could do something like... Code: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" preserveAspectRatio="xMidyMid meet" version="1.1" viewBox="0 0 343 500" width="100%"> <image height="500" width="343" xlink:href="../Images/image123.jpeg"></image> </svg> Be sure to replace the the width & height (in pixels) in both places with those of your image, and edit the image path to match yours. Would love to know when you publish it, I love reading WWII history of all kinds.