SVG Shapes之折线 <polyline>

 svg height="200" width="500" 

 polyline points="20,20 40,25 60,40 80,120 120,140 200,180"

 /svg 

示例6.2

 svg height="180" width="500" 

 polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"

 /svg 

解决Leaflet.draw中polyline绘制无法结束的问题 通过本文，可以了解如何自定义Draw.PolyLine对象，以及在扩展时需要注意的一些坑，知道如何调试函数并定位问题，最终完成需求。
坐标的正方向都是顺时针的，尤其是操作旋转（rotate）的时候必须要主意这点，而且它默认的0°都是在3点钟方向。
在项目中用到了画阴影，借鉴了别人的思路，以后有空再用java代码画一个，先看效果 其实有时候，不需要写代码的，太麻烦了 .9.png 阴影生成器