Quote:
Originally Posted by JLius
Toxaris
Tried your code:
Code:
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 992 1403" width="100%">
<image height="992" width="1403" xlink:href="Titelblad.png"/>
</svg>
Toxaris
Result: The text does not fit in the screen. It's all in the upper right corner. I also lose some text at the bottom, even though the titlepage seems smaller than the viewscreen. Where do I go wrong? Height and width is exactly the same aspect ratio as I saved the png in. |
That is because you did not make the change correctly...
Code:
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 992 1403" width="100%">
<image height="1403" width="992" xlink:href="Titelblad.png"/>
</svg>
The height and width are reversed in the viewBox and in the image. Also, the height should be bigger than the width.