svg里面有时候会用pattern去写一【转载请注明来源】【关注微信公众号：wwwtangshuangnet】个背景图片，然后在其他元素里面去使用fi【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】ll: url(#patternId)来【原创不易，请尊重版权】未经授权，禁止复制转载。调用它，这样就可以实现在一个svg里面定【原创内容，转载请注明出处】【转载请注明来源】义自己的背景图片，而且还可以使用svg来本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshuangnet】画这种背景图。
【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。但是有一个问题是，在IE里面，fill调【本文受版权保护】未经授权，禁止复制转载。用不支持style属性中使用，比如下面的【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。无效代码：
【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。<rect style="fill: url(#patternId)">
在Chrome下是正常的，但是在IE中使本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】用的时候，没法正常显示，而你需要将fil【关注微信公众号：wwwtangshuangnet】【本文受版权保护】l属性改为attr：
转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。<rect fill="url(#patternId)">
这样才能正常显示你想要的背景图效果。
【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net
