如何使用SVG绘制星星
星星是一个简单的形状。我们可以将其定义为一组多边形，并单独设置每个点。但是我们需要知道每个坐标。相反，我们可以只定义一个手臂，然后重复五次旋转以获得相同的形状。我们将使用 transform 属性来设置旋转。
首先，让我们定义一个手臂。在这个例子中，每个手臂由两个多边形组成。
我们可以用 g 元素将它们分组并一起旋转它们。您可以将 g 元素视为HTML中的 div 元素。它可以包含其他元素，并且在group元素上定义的属性应用于其子元素。
然后我们 rotate 每个手臂进入正确的位置。
您可能注意到，我们将多边形定义为从坐标系的原点（即图像的中心）开始。默认情况下，旋转也围绕坐标系的原点。
因为我们有五个手臂，所以图像的底部比图像的顶部短一点。为了使图像居中，我们可以将整个星星组合在一起，并使用 translate 变换将所有东西沿Y坐标向下移动沿着5个单位。
