如何在SVG中缩放图像

Question

So I have an image in SVG as follows:

<image id="svgBackground" x="0px" y="0px" width="100%" height="100%" preserveAspectRatio="xMinYMin" xlink:href="backgrounds.png"/>

I want the browser to show the image at the original size. How do I do that?

Answer 1

Specify the image's original size using "px" units: width="150px" height="100px" or whatever it ought to be.

If you omit width and/or height entirely, it defaults to zero and the image is not rendered.