如何指定Illustratorai导出的svg格式为patchpolygonpolyline

再来一次的话，我还是选择爱上你，不过再有一次的话，让我先走吧。

——网易云热评《两杯茶》（ai导出的svg格）

前言：

之前枫瑞就分享过做svg地图的文章《新手绘制svg地图热点纯css实现鼠标划滑过颜色变化效果》

但是如果我们要保存为一个指定的格式呢？我们直接使用工具SVGDeveloper 或者还是ai 他大部分都是保存为path格式，价格我们把svg地图处理好后，后端需要一个指定过得格式怎么办呢？或者你在画一个图的时候出现3中路径，看下图

分类：

1.path：通俗说，不能有弧度，如果你弧度，哪怕是一点点都会出现path路径

2.polygon：通俗说，都是直线，没有一点点弧度

3.polyline：通俗说，都是直线，没有一点点弧度，切不能闭合，开不能链接咋一起

通病：

这个也是枫瑞纠结了2天的问题，就是自己明明画的都是直接直线，为啥ai导出的svg都是path路径呢？说白了就是还是自己太年轻，就如我们上面绿色箭头的图片，看起来都是直角却还是path路径，我们把图放大，放大，在放大，仔细看看路径，会发现细节，有一点点弧度它都会生成path路径，

所以咯！注意下细节就可以指定输出什么类型的路径了

如何转化

那大家会问，怎么把path转化成 polyline呢？

这个会比较麻烦的，因为path，二次贝塞尔曲线需要使用: quadraticCurveTo(cp1x, cp1y, x, y);

但是polyline和polyline是可以互转的

怎么改呢？如果你polyline要改成polyline，那你直接把polyline这个单词改成polyline就好了，d值不变