|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" preserveAspectRatio="none" version="1.1" viewBox="0 0 343 500" width="100%">
<image height="500" width="343" xlink:href="../Images/cover.jpeg"></image>
The cover.jpeg needs to be changed to what the actually picture you are using is and this coding going right after <body>. I fight it easier just to copy this before the picture name and then add the </image> after the image name.
The height and width need to be adjusted, besides just where it says the height and width the numbers need to be replaced after the viewBox="0 0.
So if an image is 600x760 then after the 0 0 it needs to say 600 760 and the height needs to be set as 760 and the width as 600.
So the new coding would look like:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" preserveAspectRatio="none" version="1.1" viewBox="0 0 600 760" width="100%">
<image height="760" width="600" xlink:href="../Images/cover.jpeg"></image>
Last edited by Padr49904; 05-02-2011 at 02:44 PM.
Reason: figured the width and height out
|