在SVG圖形中,可以使用<rect>
元素來創建矩形,并通過設置rx
和ry
屬性來實現border-radius
的效果。其中,rx
屬性用于設置矩形的水平圓角半徑,ry
屬性用于設置矩形的垂直圓角半徑。
示例代碼如下所示:
<svg width="100" height="100">
<rect x="10" y="10" width="80" height="80" rx="10" ry="10" fill="blue" />
</svg>
在上面的示例中,創建了一個藍色的矩形,寬度為80,高度為80,并且設置了水平和垂直圓角半徑為10,實現了border-radius
的效果。您可以根據需要調整rx
和ry
屬性的值來改變圓角的大小。