在Curve周围弯曲SVG` <g>`

Question

我使用D3.js以直线绘制一些SVG <path>。所有这些元素都包含在具有相同垂直变换的<g>中。

我想＆＃34;包装＆＃34;这些元素围绕着圆弧。最后，每个矩形应该成为圆弧的一小部分，垂直线将指向圆的中心。

我意识到我可能从一开始就在弧形中执行此操作：例如，绘制粗圆圈段端对端而不是矩形。然而，这听起来像很多数学和计算，特别是对于刚接触SVG的人。

有没有办法将这些元素转换为曲线 post hoc ，这意味着我可以使用绘制这些矩形的代码 - 可能是通过更改transform属性？如果有一个外部SVG库（虽然我看起来没有成功），我也考虑使用它。

Answer 1

比使用路径弧命令A更容易 - 虽然不是我所希望的，因为它不能变形排列在圆圈周围的元素 - 我发现d3.arc()（以前{ {1}}）。

d3.svg.arc()

谢谢，comma-separated-list generator syntax。