在SVG中弯曲一组元素

Question

有没有办法“弯曲”<g>元素及其所有子元素？一个例子是old Windows logo我们有一组四个矩形沿着波浪弯曲：

<!-- How do I make this group "wavey"? -->
<g>
    <rect x="0" y="0" width="10" height="10" />
    <rect x="11" y="0" width="10" height="10" />
    <rect x="0" y="11" width="10" height="10" />
    <rect x="11" y="11" width="10" height="10" />
</g>

编辑：更清楚：我正在寻找像<textPath>这样的东西，但是对于任意元素或群体。