如何在HTML img标记中屏蔽图像?

如何在HTML img标记中屏蔽图像?,html,css,image,Html,Css,Image,所以,这是非常简短和简单的,但无论我搜索了多久,都没有找到答案 如何仅在HTML标记中屏蔽和 例如: 我在网上找不到任何可行的方法,有人有解决办法吗 编辑: TL;DR I希望我的徽标配置文件图片不带白色。因为您没有描述遮罩的类型,下面是一般css遮罩 其中mask.svg是图像掩码文件 你说的是SVG掩码吗?SVG不需要你制作大量的文本吗?有没有一种方法可以将它输入到标签中?不清楚你想做什么或者为什么。如果你想达到某种特定的效果,最好是提供一个图像链接,显示你想要的效果。看到我的个人资料图片了

所以,这是非常简短和简单的,但无论我搜索了多久,都没有找到答案

如何仅在HTML标记中屏蔽和

例如:

我在网上找不到任何可行的方法,有人有解决办法吗

编辑:


TL;DR I希望我的徽标配置文件图片不带白色。

因为您没有描述遮罩的类型,下面是一般css遮罩


其中mask.svg是图像掩码文件

你说的是SVG掩码吗?SVG不需要你制作大量的文本吗?有没有一种方法可以将它输入到标签中?不清楚你想做什么或者为什么。如果你想达到某种特定的效果,最好是提供一个图像链接,显示你想要的效果。看到我的个人资料图片了吗?想象一下,它出现在我的网站上,但白色不在那里。
<img src="img.png" alt="img.png" style="mask:white"/>
img {
  mask-image: url(mask.svg);
}