如何找到svg矩形从一个位置移动到另一个位置时的绝对定位

Question

默认矩形位置移动时为（100,200），如何根据SVG宽度和高度进行绝对定位。

下面的代码给出了相对路径。当我向左/向上移动时，它给出了-ve值。

<svg width="600" height="600">
<!-- code  -->
<rect class="draggable" x="100" y="200" width="80" height="80" fill="blue" transform="matrix(1 0 0 1 0 0)" onmousedown="selectElement(evt)"/>
</svg>

Answer 1

最后，我找到了这种方式。

<svg width="600" height="600">
<!-- code  -->
<rect class="draggable" width="80" height="80" fill="blue" transform="matrix(1 0 0 1 0 0)" onmousedown="selectElement(evt)"/>
</svg>

在上面的代码中，我删除了x和y位置，使其完全依赖于变换矩阵e，f绝对位置。