操作svg文件，怎么把光标转换svg内的相对坐标？

Question

需求是这样的，我点击svg上的某个位置，触发点击事件，通过event拿到的屏幕光标位置怎么转换成点击svg的相对位置？

Answer 1

MouseEvent 理应包含事件相对于目标元素的位置 MouseEvent.offsetX、MouseEvent.offsetY。
SVG 点击事件应该没有另立门户，但如果真没有这两个属性的话，就只能获取 SVG 的位置，然后换算了，就是个加减法。

Answer 2

大概思路就是，拿到鼠标的坐标（x1,y2），
然后减去svg图片的左上角（x2,y2），
这样得到的就是相对svg左上角开始的坐标了（x3,y3）