SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>
<body>
  <h3>一个圆</h3>
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <circle cx='100' cy='50' r='40' stroke='green'stroke-width='4' fill='red' />         
<!--     <rect width="3" height="100" style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)" /> -->
  </svg>
  <h3>一个矩形</h3>
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect width="300" height="100" rx='20' ry='20'  style="fill:rgb(0,0,255);stroke:pink;stroke-width:9;fill-opacity:0.3;stroke-opacity:0.7;" />
  </svg>
  <h3>三个重叠的椭圆</h3>
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <ellipse cx='100' cy='50' rx='20' ry='30' stroke='purple' fill='yellow' stroke-width='4'/>
     <ellipse cx='110' cy='50' rx='20' ry='30' stroke='purple' fill='orange' stroke-width='4'/>
     <ellipse cx='120' cy='50' rx='20' ry='30' stroke='purple' fill='pink' stroke-width='4'/>
  </svg>  
</body>
</html>