用svg在坐标(100,100)处绘制一个半径为50的圆环,由七种颜色交替组成。
时间: 2024-02-16 19:59:43 浏览: 60
以下是绘制半径为50的圆环的 SVG 代码,由七种颜色交替组成,坐标为(100,100):
```svg
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200" height="200">
<circle cx="100" cy="100" r="50" stroke-width="10" stroke="red" fill="none" />
<circle cx="100" cy="100" r="50" stroke-width="10" stroke="orange" fill="none" transform="rotate(51 100 100)" />
<circle cx="100" cy="100" r="50" stroke-width="10" stroke="yellow" fill="none" transform="rotate(102 100 100)" />
<circle cx="100" cy="100" r="50" stroke-width="10" stroke="green" fill="none" transform="rotate(153 100 100)" />
<circle cx="100" cy="100" r="50" stroke-width="10" stroke="blue" fill="none" transform="rotate(204 100 100)" />
<circle cx="100" cy="100" r="50" stroke-width="10" stroke="indigo" fill="none" transform="rotate(255 100 100)" />
<circle cx="100" cy="100" r="50" stroke-width="10" stroke="violet" fill="none" transform="rotate(306 100 100)" />
</svg>
```
这段代码定义了七个圆形,每个圆形的颜色不同,半径为 50 像素,边框宽度为 10 像素,填充颜色为空。每个圆形都根据其索引值在不同的角度上旋转。这样,当这些圆形组合在一起时,就形成了一个由七种颜色交替组成的圆环。
阅读全文