获取相对于原始图像D3 / Javascript的鼠标坐标

Question

我有一个大图像，我正在加载到SVG元素中：

<svg id="plate-svg" width="800px" height="500px">
    <image id="plate" xlink:href="plate_red.JPG" x="0" y="0" height="500px" width="800px"/>
</svg>
<div id="mpos"></div>

我正在设置这样的鼠标位置：

<script>
function mouseover(d, i) {
  var x = d3.mouse(this)
  d3.select('#mpos').text(x);
}
var plate = d3.select('#plate-svg')
plate.on("mousemove", mouseover);
</script>

但是，我想要鼠标的坐标相对于原始的大图像。这可能吗？

由于