Quote:
Originally Posted by Cyberseeker
However, there is a considerable gap above and below my image.  Is there any way to minimize the unwanted white area?
|
Again, referencing my earlier post:
Quote:
The preserveAspectRatio="xMidYMid meet" selection takes care of that. It centers the image using the options: xMidYMid meet.
Check here for a definition of all the SVG terms.
|
Clicking on the link will take you to the website which describes all the different aspects of the element: preserveAspectRatio
If you fiddle with the yMid, yMin, yMax options you may get something
close to what you are looking for but as others have mentioned it's very difficult to do reliably across all devices/apps.