是否有工具生成HTML / CSS代码以覆盖jpeg图像上的形状？

Question

考虑一下我有一个带电视的起居室的照片。我想使用HTML / CSS在图像上显示一个简单的2d形状（如白色方块）来屏蔽电视。

如果电视在坐标上（[200,300]，[150,400]），方形应该在相同的坐标上以隐藏电视。

是否存在自动此过程的工具或网页，因此我可以简单地提供图像并以某种方式定义形状，并生成HTML / CSS代码对我来说？

感谢。

Answer 1

您需要this之类的内容吗？

img {
  clip-path: polygon(0px 208px, 146.5px 207px, 147px 141.2px, ...);
}