JSFiddle - React, Tailwind, and code Playground

HTML

<svg>
    <g id="g">
        <image xlink:href="http://i.artfile.ru/5500x3025_721651_[www.ArtFile.ru].jpg" x="10" y="10" width="1200" height="700"></image>
    </g>
</svg>

JavaScript

var rate = 1.1,
    scale = 1,
    g = document.getElementById('g');

if(!!g) {
    g.addEventListener('mousewheel', mouseWheel, false);
}

function mouseWheel(e) {

    var x = e.offsetX,
        y = e.offsetY;

    if(e.wheelDelta>0) {
        scale *= rate;
    }else{
        scale /= rate;
    }    
    var s = 'translate(' + x + ', ' + y + ') scale(' + scale + ') translate(-' + x + ', -' + y +')';
    g.setAttributeNS(null, 'transform', s);
}