rect

rect元素是 SVG 的一个基本形状,用来创建矩形,基于一个角位置以及它的宽和高。它还可以用来创建圆角矩形。

用法

类别基本元素, 图形元素, 形状元素
允许的内容物任意数量、任意排序的下列元素:
动画元素
描述性元素

示例

简单矩形

 

<?xml version="1.0"?>
<svg width="120" height="120"
     viewBox="0 0 120 120"
     xmlns="http://www.w3.org/2000/svg">

  <rect x="10" y="10" width="100" height="100"/>
</svg>

 

» rect-1.svg

圆角矩形

 

<?xml version="1.0"?>
<svg width="120" height="120"
     viewBox="0 0 120 120"
     xmlns="http://www.w3.org/2000/svg">

  <rect x="10" y="10"
        width="100" height="100"
        rx="15" ry="15"/>

</svg>

 

» rect-2.svg

属性

全局属性

专有属性

DOM 接口

这个元素实现了 SVGRectElement 接口。

浏览器支持

BCD tables only load in the browser

参见