如何在HTML img标记内屏蔽图像？

Question

所以，这很简单，但无论我搜索多久，我都找不到答案。

如何仅在HTML标记中简单地mask和<img>。

例如：

<img src="img.png" alt="img.png" style="mask:white"/>

我无法在网上找到任何工作方式，有没有人有解决方案？

编辑：

TL; DR我希望我的徽标（个人资料图片）没有白色。

Answer 1

由于您没有描述掩码的类型，下面是一般的css掩蔽。

http://www.html5rocks.com/en/tutorials/masking/adobe/

-1 -1 -1 -1 -1 -1     -1 means that we can't sum at this point because
-1 -1 -1 -1 -1 -1      the dimensions are just smaller than your small array
-1 -1  9  9  9  9      each other cell represent the sum of your original 
 9  9  9  9  9  9      matrix values.
 9  9  9  8  9  9

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