Preventing SVG background image from scaling
问题 I'm using SVG elements with masks to "knock out" or "punch out" text so that the underlying image can be shown through. The only problem with my current set up is that when the browser window is resized, the image elements stretch and distort, rather than staying at a fixed aspect ratio/size. I've been pouring over the svg spec and have read about preserveAspectRatio but nothing seems to work. Here's the basic element I'm using: <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100