1<html lang="en"> 2 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8</head> 9 10<body> 11 <div style='width:30%;height:600px'> 12 <svg viewBox="0,0,640,480" > 13 <rect x="0" y="0" width="100%" height="100%" fill="green"/> 14 <rect x="10" y="10" width="100" height="100" fill="orange" /> 15 <rect x="200" y="300" width="90" height="90" fill="orange" /> 16 <circle id='eyunxiaojie' cx="400" cy="1500" r="50" fill="gray" /> 17 </svg> 18 </div> 19</body> 20 21</html>
viewBox的四个参数分别代表：最小X轴数值；最小y轴数值；宽度；高度。