我正在开发一个基于传单的应用程序，在其中覆盖图像（平面图）并放置代表闭路电视摄像机的可拖动标记。 对于闭路电视摄像机，我将其视场 (FoV) 显示为在图像上渲染的 SVG 扇区。
Img 1：（已缩放 - fov 已附加到标记）
Img 2：这是初始视图（没有缩放 - fov 远离标记
在某一缩放级别，FoV 看起来远离标记。 在其他缩放级别，FoV 似乎与标记保持连接或部分对齐。
这是我尝试过的： 绝对定位：对 SVG 路径使用基于像素的坐标，但缩放时仍然存在未对齐问题。 基于百分比的定位：将 SVG 坐标计算为图像尺寸的百分比。虽然这样可以更好地缩放，但缩放时它仍然会错位
如何确保代表 FoV 的 SVG 扇区在 Leaflet 中的任何缩放级别下与其相应的标记保持完美对齐？
我也遇到了类似的问题，任何解决方案都值得赞赏
