1、svg和cnvas(画布)的比较
1.使用svg绘制矩形(使用rect属性)
绘制一个有圆角的矩形代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<svg width="500" height="500">
<rect x="30" y="30" width="200" height="200" fill="none" stroke="green" rx="50"></rect>
<!-- 如果想要添加颜色就更改fill的值 fill="颜色值" -->
</svg>
</body>
</html>
效果图:
2.利用ry绘制的圆角(代码如上把ry加上即可)效果图: