当我使用D3缩放时，为什么我的多边形会缩小

Question

我正在尝试缩小并仍允许我plunker中的工具提示，但是，当我放大或缩小时，工具提示会变形（即太小太大）。

我已经仔细检查了数字和多边形......

<polygon points="0,0 0,197.9261932373047 131.95079040527344,197.9261932373047 131.95079040527344,0 50,0 37.5,-15 25,0" height="212.9261932373047" width="131.95079040527344" fill="#D8D8D8" opacity="0.75" transform="translate(212.5,238.74583334568888)"></polygon>

似乎与BoundingRect的高度和宽度相匹配。自从我缩小以来，在这里发生了某种扭曲吗？

var br = div[0][0].parentNode.getBoundingClientRect(),
  foHeight = br.height,
  foWidth = br.width;

如果你需要工具提示，只需注释掉删除行