<svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
<!-- 椭圆 -->
<ellipse cx="100" cy="50" rx="80" ry="30" fill="lightcoral" />
</svg>
在这个例子中:
- 使用 <svg> 元素定义了SVG图形的画布,设置了宽度(width)和高度(height)。
- 使用 <ellipse> 元素定义了一个椭圆,通过 cx 和 cy 属性设置了椭圆中心的坐标,通过 rx 和 ry 属性设置了水平和垂直方向的半轴长度。
- fill 属性设置了椭圆的填充颜色为浅珊瑚色(lightcoral)。
你可以根据需要调整椭圆的中心、半轴长度和样式。以下是一个包含中心和半轴长度调整的例子:
<svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
<!-- 椭圆,调整中心和半轴长度 -->
<ellipse cx="50" cy="50" rx="40" ry="20" fill="lightcoral" />
</svg>
在这个例子中,椭圆的中心被指定为 x=50,y=50,水平和垂直方向的半轴长度分别为40和20。你可以根据需要调整这些值。SVG椭圆同样是非常灵活的,可以通过调整属性来满足各种设计需求。
转载请注明出处:http://www.pingtaimeng.com/article/detail/14670/SVG