我可以使用自定义图像创建SVG路径填充吗?不素描/矢量

时间:2019-05-29 16:43:00

标签: html css svg

我已经将路径填充设置为以前的图像。但是我更改了图像,将其替换为自己的图像。

但是我不知道如何替换路径填充SVG。

SVG被用作不透明性,有助于选择“图像”本身。

尝试使用google.png到svg转换器,尝试了路径填充,但是我发现的所有内容都是关于草图和矢量的。我需要真实的图像,以使其“背景线”不透明。

这是一张图片。

没有鼠标悬停在背景上的图像:https://i.imgur.com/7g45tky.jpg 鼠标悬停在背景图片上的图片:https://i.imgur.com/HaIvaE7.jpg

背景图片:https://i.imgur.com/zOZ6m2o.jpg

路径填充错误:https://i.imgur.com/N7Ksux9.jpg

JSFIDDLE: https://jsfiddle.net/buh3qrt2/

如您所见,在第一张图片中,有一些黑色阴影。这就是SVG路径填充。如何使它们适合我的新图像?

                                                                                                       

                            </svg>

它向我显示了上一张图像的预设SVG路径填充。

0 个答案:

没有答案