直接复制粘贴就能看到效果。此图考察了svg的各种使用；其中包含了，绘制圆形、圆环，点，折线，多边形，水平居中文字，三角函数计算坐标。关于手机端适配方面，直接使用svg的viewbox来实现。因为svg是矢量图形，无论放大缩小都不失真，所以可以用适用各种设备且效果显示出众。公司给的设计稿是375宽度，我就用了375.你们...

设计稿： 做好的效果图：（细节自己慢慢调整） 源码： {代码...}

svg:path有d属性，而d属性是最牛B的！ {代码...} M：画笔起始位置 L：画直线（x，y）坐标 Z：自动闭合 fill： 填充颜色 stroke：描边颜色 stroke-width：描边宽度 transform="translate(x,y)": 加了描边后需要平移（x=stroke-width/2, y=stroke-width/2） 在需求中也许设计师设计了个渐变色用以下方法： {代码...} 把fil...