Old question, maybe with errors, how to solve?

Question

SVG

Implemented this kind of svg:

<svg width="400" height="240" style="position:relative; left:-120px;">
    <defs>
        <pattern id="img1" patternUnits="userSpaceOnUse" width="400" height="240">
            <image xlink:href="http://www.imagefully.com/wp-content/uploads/2015/07/Sexy-Pause-Girl-Pic.jpg" x="0" y="0" width="400" height="240"/>
        </pattern>
    </defs>
  <polygon points="110 220,10 10,380 10,380 220"
  style="fill:url(#img1); stroke:0; stroke-width:0; opacity="1" />
</svg>

It's in action
How to make the zoom effect ? just so that the block does not increase, namely the image itself

Answer 1

The answer was given on the US version of stackoverflow.com :
defs:hover