svg 2

闭合折线 画五角星

 <svg width="800" height="800">
          <polygon points="100 87, 160 273, 3 160, 197 160, 40 273" fill="red"
></polygon>
         
    </svg>

找出五角星的五个点  如图   在填充上红色

 

 <svg width="500" height="500">
       <path d="M 70 170 A 80 80  1 1 1 185 150 L120 220Z " stroke="#000" fill="yellow" fill-opacity="1"></path>
       
     
    </svg>

 svg使用的是 xml 格式，那么与 xml 相类似
<path> 属于 element(元素)，用来描述路径。
d 属于<path> property(属性)。
M L