D3:在平移和缩放时保持位置的单独SVG元素

时间:2018-06-07 16:49:50

标签: javascript d3.js svg interactive

我在尝试平移/缩放背景时遇到问题,而其他元素则在缩放范围之外。在这种情况下是一个标记。通过以下方式平移/缩放时,标记会保持其位置:

scale * x position
scale * y position

标记是可拖动的,然后设置其新位置。移动后平移/缩放标记然后跳转位置。我在这里缺少一些数学。我在拖动结束时尝试了不同的公式,但我无法获得拖动位置和平移/缩放位置以匹配。

我已经包含了一个简短的例子:

https://codepen.io/danielhoff/pen/WzQbRr

提前致谢!

0 个答案:

没有答案