[Solved]-how to zoom svg semantic graph when the mouse is under svg instead of node-d3.js

Just append rectangle to the SVG that's it.

svg.append('svg:rect')
    .attr('width', width + margin.right + margin.left)
    .attr('height', height + margin.top + margin.bottom)
    .attr('fill', 'white');