SVG路径转换枢轴点

时间:2017-05-18 16:01:31

标签: css svg maps

我有一个带标记的地图,我想用路径的translate属性定位到一个特定的坐标。

这将是理想的结果:

enter image description here

我最终得到的是:

enter image description here

枢轴点始终设置在左上角。 我可以使用transform-origin从CSS重置它,但只能使用硬编码的px值(如果我将SVG更改为其他内容,则会中断)。

如果我使用百分比值,则标记相对于整个文档定位。

有没有办法设置轴心点,以便它总是以它的底部中心转换?

我的SVG结构如下所示:

<svg>
  <path> MAP </path>
  <g>
    <path> MARKER </path>
  </g>
</svg>

0 个答案:

没有答案