svg rect矩形的画法_svg如何画圆角矩形【svg教程】
使用svg画长方形，怎么样画矩形，下面介绍一下如何使用svg话矩形
使用rect标签标签参数说明：
rect:画长方形，矩形标签
x，y在svg中的位置
rx,rx 设置菱角的弧度（做成圆角矩形使用），如果设置长方形宽度和长度相同就标识为一个圆
width，height：长方形的宽度和高度
fill：长方形的填充颜色
stroke：长方形的边框颜色
stroke-width：边框宽带
fill-opacity：长方形的透明度
stroke-opacity：边框的透明度
svg画圆角矩形的实例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>svg 长方形，矩形的画法</title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect x="50" y="20" rx="20" ry="20" width="150" height="150"
style="fill:blue;stroke:pink;stroke-width:5;fill-opacity:0.1;
stroke-opacity:0.9"/>
</svg>
</svg>
</body>
</html>
显示效果如下：
来源：//作者：admin/更新时间：2013-12-02
顶
踩
相关文章：
