CSS——通过裁剪获得自己想要的任意图形（clip-path属性）

1、用法：clip-path CSS 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。

**2、参数说明: **

注意：clip-path 统一是 左上角为原点，右下角是(100%,100%)的点

• 圆: clip-path: circle(50% at 50% 50%) 参数分别表示 圆心的x轴和y轴坐标，以及圆的半径
• 椭圆: clip-path: ellipse(30% 20% at 50% 50%) 参数分别表示 椭圆的x轴半径和y轴半径，椭圆位置的x和y坐标．
• 多边形: clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%)　　值为多个坐标点组成，坐标第一个值是x方坐标，第二个值是坐标， 以此类推．

3、CSS clip-path 生成器网址: clip-path 生成器

4、例子：

wxml文件

<view class="aa"></view>
<view class="bb"></view>
<view class="cc"></view>

wxss文件

/* 圆 */
.aa {
  height: 140px;
  width: 140px;
  ba