如何写在 svg 元素中依次绘制的多边形上？答案

【问题标题】：How to write on polygons that are in turn drawn in svg element?如何写在 svg 元素中依次绘制的多边形上？
【发布时间】：2011-10-30 22:22:03
【问题描述】：

我有一个“地图”，它是一组由 JavaScript 在 svg 元素上绘制的多边形。有没有办法在 svg 元素内绘制的多边形内（顶部）绘制文本？

我是否应该尝试在 svg 元素上绘制与绘制多边形相同的坐标上的文本？

谢谢！

附：干净的 JavaScript 或 jquery 都会有所帮助。

【问题讨论】：

【解决方案1】：

是的。这样做的方法是简单地添加一个元素，使用它的 x 和 y 属性将它定位在给定多边形上你想要的位置（使用你用来添加多边形的任何相同的 JS 方式，只需创建一个文本元素而不是多边形元素）。

确保将文本元素放在树中的多边形之后，以便它在上面绘制。

【讨论】：

【解决方案2】：

第二个选项是绘制多边形和文本： a) 左上角为 0,0 b) -x,-y 表示中心

然后将每个多边形/文本翻译到您想要的位置。

【讨论】：