<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="100" r="50" fill="lightgreen" stroke="black" stroke-width="2" />
</svg>
解释:
- <circle> 元素用于创建圆形。
- cx 和 cy 属性定义了圆心的坐标。
- r 属性定义了圆的半径。
- fill 属性定义了圆的填充颜色。
- stroke 属性定义了圆的边框颜色。
- stroke-width 属性定义了圆的边框宽度。
在这个例子中,圆心位于 (100, 100) 的位置,半径为 50。圆被填充为浅绿色,具有黑色的边框。
你可以根据需要调整这些属性以及添加其他属性,以满足你的具体设计要求。 SVG的灵活性允许你创建各种各样的图形,并通过调整属性来定制外观。
转载请注明出处:http://www.pingtaimeng.com/article/detail/12379/SVG