如何指定Illustrator ai导出的svg格式为patch polygon polyline

作者 : 枫瑞博客 本文共680个字,预计阅读时间需要2分钟 发布时间: 2020-01-20 共454人阅读

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

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

如何指定Illustrator ai导出的svg格式为patch polygon polyline

 

前言:

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

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

如何指定Illustrator ai导出的svg格式为patch polygon polyline

 

分类:

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

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

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

 

通病:

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

如何指定Illustrator ai导出的svg格式为patch polygon polyline

 

 

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

 

如何转化

那大家会问,怎么把path转化成 polyline呢?

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

但是polyline和polyline是可以互转的

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

枫瑞博客网 一个只想努力找富婆不想努力的人
枫瑞博客网 » 如何指定Illustrator ai导出的svg格式为patch polygon polyline

常见问题FAQ

枫瑞你想努力吗?
不 ,我只想找富婆

发表评论