View Single Post
Old 02-02-2021, 04:16 PM   #13
piyarad27
Member
piyarad27 began at the beginning.
 
Posts: 23
Karma: 10
Join Date: Oct 2020
Device: pc
Quote:
Originally Posted by kovidgoyal View Post
preserveAspectRatio="none"
When I try the preserveAspectRatio="none" The white line is still there and the image is overflow to other page (image p5). Here is how the full code look like:

<div style="display:none" class="title">Full screen image</div>

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%" height="100%" viewBox="0 0 1358 1920" preserveAspectRatio="none">
<image width="100%" height="100%" xlink:href="image_rsrc2GE.jpg"/>
</svg>

P.S If I type in the custom size output as 1358x1920 instead of 1359x1920
the side of the image will also have small white border line(image p5.2) you can compare with the image p5 since the photo took at the same horizontal location
Attached Thumbnails
Click image for larger version

Name:	p5.PNG
Views:	247
Size:	25.5 KB
ID:	185170   Click image for larger version

Name:	p5.2.PNG
Views:	247
Size:	21.8 KB
ID:	185171  
piyarad27 is offline   Reply With Quote