SVG 矩形
优质
小牛编辑
128浏览
2023-12-01
SVG Shapes
SVG有一些预定义的形状元素，可被开发者使用和操作：
- 矩形 <rect>
- 圆形 <circle>
- 椭圆 <ellipse>
- 线 <line>
- 折线 <polyline>
- 多边形 <polygon>
- 路径 <path>
下面的章节会为您讲解这些元素，首先从矩形元素开始。
SVG 矩形 - <rect>
实例 1
<rect> 标签可用来创建矩形，以及矩形的变种：
下面是SVG代码：
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"><rect width="300" height="100"
style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)"/>
</svg>
对于Opera用户：
对于Opera用户：
对于Opera用户：
对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。
- rx 和 ry 属性可使矩形产生圆角。