d3.js标签内部路径变形

我成功地在路径中添加了一个标签，但是当我试图通过手动更改x和dy属性来居中放置该标签时。标签在中心变形。 下面是一些图片及其相应的代码。 在更改x属性的值135之前：

CF40

更改x属性后，新值为145：

CF40

这里没有任何“变形”。这是预期的行为：您正在使用

textPath

定位文本，并且您正在引用的路径在第一个L命令处更改方向

您可以清楚地看到，当我们绘制一些（红色）线，显示此“弯曲”时，没有任何错误：

CF40

谢谢，伙计，我100%理解，我有一个问题，我怎么能不使用BBOX方法将文本居中，因为这种方法在香蕉形状中不起作用。@Malar说如果你在评论中问这个问题，我是唯一会读它的人。但是如果你把它作为另一个问题发布，每个人都会读到它。

<svg width="1306" height="628">
<g>
<path name="cf40" d="M590.3383838385344,295.20151514932513L756.3916666656733,317.13308080658317L878.5818181820214,279.5361111164093L822.186363636516,527.0494949556887L728.1939393933862,555.2472222223878Z" id="polygon2" style="fill: steelblue;"></path>
</g>
<text x="135" dy="105"><textPath xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#polygon2">CF40</textPath></text>
</svg>

<svg width="1306" height="628">
<g>
<path name="cf40" d="M590.3383838385344,295.20151514932513L756.3916666656733,317.13308080658317L878.5818181820214,279.5361111164093L822.186363636516,527.0494949556887L728.1939393933862,555.2472222223878Z" id="polygon2" style="fill: steelblue;"></path>
</g>
<text x="145" dy="105"><textPath xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#polygon2">CF40</textPath></text>
</svg>