css裁剪图片或者遮盖图片

事情发生在一个正在摸鱼的下午，伙伴阿甜同学遇到一需求。问我如何用css裁剪图片。阿陆同学一脸懵逼，立刻打开了www.baidu.com。一顿搜索。

如图所示，首先我建议了为何不直接让Ui切图奉献 岂不是很香？阿甜告知。此图是后端返回，无法ui切图。
故而 想到 那是不是直接写个扇形遮盖住就ok了、？然后发现没得任何卵用
一顿搜索

实现了。
mask-image这方法，okkkkkk…这效果就类似于ps内蒙版的作用。
本身我发现了一方法 clip-path
我感觉可以实现。但是我没怼股出来…emmmm.
告辞
参考了以下俩链接
https://www.w3cplus.com/css3/clipping-masking-css.html
https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path