是否可以在作为背景加载的svg图像中使用图像填充?

时间:2016-06-04 20:26:54

标签: css svg background-image fill

您好,

我正在加载以下svg图像作为背景图像:

<svg preserveAspectRatio="" viewBox="0 0 130 280" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="280px" height="130px">
 <pattern id="bg" height="280" width="130">
  <image xlink:href="back.png" x="0" y="0" width="100%" height="100%"/>
 </pattern>
 <polyline points="121.67,271.958 121.67,276.671 122.91,277.994 126.135,277.994 125.97,265.177 121.587,272.123" id="e5_polyline" style="fill:'url(#bg)'; stroke-width: 1px;" stroke="#555555"/>
</svg>

这是我的CSS:

background:url("images/global/polygon.svg") no-repeat 0 0;
width:130px;
height:280px;

SVG线加载正常但不是我想要的png图像作为填充。怎么了?在这种情况下,是否不能将图像作为填充?还是它的路径问题? png图像与SVG文件位于同一文件夹中,因此路径应该是正确的。

谢谢。

0 个答案:

没有答案