我的页面上目前有地图svg
<object type="image/svg+xml" data="worldHigh.svg" width="1060" height="800">Your browser does not support SVG</object>
当我在地图上点亮某些路径ID时，不需要，我需要能够将div移动到地图上的该位置。
我目前有以下函数返回x和y坐标。
function getPosition(element) {
segments = element.pathSegList;
return { x: segments.getItem(0).x, y: segments.getItem(0).y };
}
现在我面临的问题是找到相对于屏幕位置的坐标，以便我可以在其中移动div。
我可以看到两个选项：
1-您可以使用jQuery（$("object").offset()）获取对象标签偏移量，并使用其“ left”和“ top”属性来找出对象在屏幕上的位置。div的位置是（左+ x，上+ y）。
2-您可以将对象包装在div中，将div的位置设置为相对，然后将所需的div移动到将x和y作为其位置的包装div的内部。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句