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

时间:2014-09-09 10:02:00

标签: html css

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

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

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

感谢。

1 个答案:

答案 0 :(得分:3)

您需要this之类的内容吗?

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