svg里面有时候会用pattern去写一【原创内容，转载请注明出处】【转载请注明来源】个背景图片，然后在其他元素里面去使用fi【未经授权禁止转载】【未经授权禁止转载】ll: url(#patternId)来【作者：唐霜】【版权所有】唐霜 www.tangshuang.net调用它，这样就可以实现在一个svg里面定【版权所有，侵权必究】原创内容，盗版必究。义自己的背景图片，而且还可以使用svg来【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。画这种背景图。

但是有一个问题是，在IE里面，fill调【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。用不支持style属性中使用，比如下面的本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshuangnet】无效代码：

<rect style="fill: url(#patternId)">

在Chrome下是正常的，但是在IE中使【版权所有，侵权必究】【未经授权禁止转载】用的时候，没法正常显示，而你需要将fil【本文受版权保护】【转载请注明来源】l属性改为attr：

<rect fill="url(#patternId)">

这样才能正常显示你想要的背景图效果。