css画出各种想要的形状

单用css画各种想要的形状

1、需要安装 illustrator 矢量图设计软件来画出想要的图案

2、用钢笔在左上角画一个形状，例：

3、选中它，然后点击“对象 > 复合路径 > 建立”

4、最后导出为svg格式的文档，点击文件>脚本>将文档存为svg格式。

5、需要注意的是：要从左上角开始画，因为 svg 里第一步是先做位移。 没有复合路径那一步，导出的可能是 polygon、circle 这种形状，而不是 path

6、把路径复制到 cli-path 的样式处，就可以看到裁切后的效果了：例