SVG绘图如何绘制圆角矩形

SVG（Scalable Vector Graphics）是一种使用XML格式定义图形的标记语言，它可以用来绘制矢量图形，例如圆角矩形。在SVG中绘制圆角矩形，通常会使用`<rect>`元素，并通过`rx`和`ry`属性来指定圆角的半径。`rx`属性定义了圆角的水平半径，而`ry`属性定义了圆角的垂直半径。如果`rx`和`ry`值相等，则绘制出的是标准的圆角矩形；如果两者不同，则绘制出的是椭圆角矩形。

下面是一个简单的SVG圆角矩形的例子：

<svg width="200" height="100">
  <rect width="100%" height="100%" rx="15" ry="15" fill="blue"/>
</svg>

在这个例子中，我们创建了一个宽度和高度都为100%的圆角矩形，圆角的半径是15。`fill`属性用于指定矩形内部的颜色。