如何将图像用作svg蒙版

时间:2015-08-14 20:34:03

标签: css3 svg

我有一个图像,我想用作svg蒙版,以便我添加到它的每个图像都将在该图像内部。

这是我想用作面具的图像

Image to use as a mask

这是我的svg代码,用于获取该掩码,但使用黑色

<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
 width="157.000000pt" height="163.000000pt" viewBox="0 0 157.000000 163.000000"
 preserveAspectRatio="xMidYMid meet">
<metadata>
My svg Mask
</metadata>
<g transform="translate(0.000000,163.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M373 1197 c-355 -355 -363 -363 -363 -402 0 -39 8 -47 363 -402 355
-355 363 -363 402 -363 39 0 47 8 402 363 355 355 363 363 363 402 0 39 -8 47
-363 402 -355 355 -363 363 -402 363 -39 0 -47 -8 -402 -363z"/>
</g>
</svg>

这是我想通过添加图像来实现的最终结果

Final result expected

如何使我添加到我网站的图像被svg文件或红色图像文件屏蔽,以便它们像这样显示?

Final result expected

0 个答案:

没有答案