需要帮助生成附加图像的剪辑路径

Question

我想知道如何为所附图像生成所需的蒙版。我尝试了各种方法，但无法根据给定图像获得带有遮罩的圆角。

是否有其他方法来创建蒙版或使用

clip-path

？

Answer 1

您已经拥有图像，因此将其用作蒙版：

img {
  mask: url(https://i.sstatic.net/cWfRcqyg.png) center/contain no-repeat;
}

body {
  background: pink;
}

<img src="https://picsum.photos/id/114/300/300">