我正在创建一个SVG路径，我需要在路径的中心设置Title。我已经尝试了很多例子，但都失败了。请检查代码片段。如何在每个Title的中心位置添加一个Title？
Title
注意：我只是使用path，而不是坐标！
path
第一个
1u4esq0p1#
如果你只有路径数据，你可以考虑得到path的bounding box，并使用这个框的中心点。对于形状不规则的地理区域，这将不同于centroid的位置，但标签通常会显示为“足够居中”。请参阅以下编辑内容：
centroid
region
each
getBBox
middle
text-anchor
工作示例：第一个
1条答案
按热度按时间1u4esq0p1#
如果你只有路径数据，你可以考虑得到
path的bounding box，并使用这个框的中心点。对于形状不规则的地理区域，这将不同于
centroid的位置，但标签通常会显示为“足够居中”。请参阅以下编辑内容：
region），因此我们可以在下一步中进行选择each覆盖所选区域，并使用getBBoxmiddle的text-anchor工作示例：
第一个