svg之折线

2021-04-29 14:02:23 作者：互联网

**<!docType html>
<html>
    <head>
        <title>svg demo</title>
        <style>
            .polyline {
                fill:none;
                stroke: antiquewhite;
                stroke-width: 3
            }
        </style>
    </head>
    <body>
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="width:100%;height:500px">
            <!-- 
                曲线（polyline用于创建任何只有直线的形状）
             -->
             <polyline points="20,20 40,25 60,40 80,120 120,140 200,180" class="polyline"/>
        </svg> 
    </body>
</html>

标签：none,svg,width,stroke,polyline,折线,demo
来源： https://blog.51cto.com/u_14846736/2742768