2

我有一个要加载到 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>

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

谢谢

4

0 回答 0