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

但是有一个问题是，在IE里面，fill调著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。用不支持style属性中使用，比如下面的【访问 www.tangshuang.net 获取更多精彩内容】原创内容，盗版必究。无效代码：

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

在Chrome下是正常的，但是在IE中使【本文首发于唐霜的博客】【转载请注明来源】用的时候，没法正常显示，而你需要将fil【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】l属性改为attr：

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

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