0

我需要将 HTML 元素转换为 SVG 对象。我几乎完成了，除了一件事：我无法在 SVG 中定义多个背景，因为我不知道如何转换它

background-image: linear-gradient(hsla(177, 83%, 28%, 0.5),hsla(177, 83%, 28%, 0.6)), url(http://s23.postimg.org/5osuy1fpj/diagonal_noise.png);

对于 svg 对象；

这是一个codepen链接

谁能帮我用两个背景（图像+渐变）填充一个svg对象

4

2 回答 2

0

你快到了。您只需在 .之前添加一个<rect>, 到您的, 中。将填充设置为您还需要定义的。<pattern><image><rect>linearGradient

您还需要在opacity="0.6"图像中添加一个。

于 2013-08-17T08:22:39.650 回答
0

只需使用标准的 SVG 渐变填充。所有 SVG 渲染引擎都必须正确识别和渲染它。无需图像后备。

于 2013-08-17T08:27:16.403 回答