在SVG中创建矩形使用 <rect> 元素。以下是一个简单的SVG矩形的例子：
<svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
  <rect width="150" height="80" fill="lightblue" stroke="black" stroke-width="2" x="25" y="10" />
</svg>

解释：

  •  <rect> 元素用于创建矩形。

  •  width 和 height 属性定义了矩形的宽度和高度。

  •  fill 属性定义了矩形的填充颜色。

  •  stroke 属性定义了矩形的边框颜色。

  •  stroke-width 属性定义了矩形的边框宽度。

  •  x 和 y 属性定义了矩形的位置。


在这个例子中，矩形的左上角位于 (25, 10) 的位置，宽度为 150，高度为 80。矩形被填充为淡蓝色，具有黑色的边框。

你可以根据需要调整这些属性以及添加其他属性，以满足你的具体设计要求。 SVG的灵活性使得你可以创建各种各样的图形，并通过调整属性来定制外观。


转载请注明出处：http://www.zyzy.cn/article/detail/12378/SVG