I went through a bunch of trouble trying to figure out how to create a crossbrowser solution to making images with SVG. Initially I looked into css3 clipping and masking properties which are beautify and modern solutions. The catchall solution is actually embedding the image and a clip path in an SVG element. Then you apply the clippath to the element and ta-da! You have a crossbrowser solution to masking images.