svg里面有时候会用pattern去写一【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。个背景图片，然后在其他元素里面去使用fi未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。ll: url(#patternId)来未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。调用它，这样就可以实现在一个svg里面定著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】义自己的背景图片，而且还可以使用svg来【转载请注明来源】本文作者：唐霜，转载请注明出处。画这种背景图。

但是有一个问题是，在IE里面，fill调原创内容，盗版必究。本文作者：唐霜，转载请注明出处。用不支持style属性中使用，比如下面的【关注微信公众号：wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】无效代码：

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

在Chrome下是正常的，但是在IE中使本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】用的时候，没法正常显示，而你需要将fil【本文受版权保护】【访问 www.tangshuang.net 获取更多精彩内容】l属性改为attr：

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

这样才能正常显示你想要的背景图效果。【未经授权禁止转载】