svg defs pattern fill image

广告位招租
扫码页面底部二维码联系

svg里面有时候会用pattern去写一【本文首发于唐霜的博客】转载请注明出处:www.tangshuang.net个背景图片,然后在其他元素里面去使用fi【本文首发于唐霜的博客】转载请注明出处:www.tangshuang.netll: url(#patternId)来本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net调用它,这样就可以实现在一个svg里面定【转载请注明来源】【关注微信公众号:wwwtangshuangnet】义自己的背景图片,而且还可以使用svg来未经授权,禁止复制转载。【转载请注明来源】画这种背景图。

著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】【本文受版权保护】

但是有一个问题是,在IE里面,fill调【转载请注明来源】【转载请注明来源】用不支持style属性中使用,比如下面的【转载请注明来源】本文作者:唐霜,转载请注明出处。无效代码:

【未经授权禁止转载】著作权归作者所有,禁止商业用途转载。【版权所有,侵权必究】著作权归作者所有,禁止商业用途转载。
<rect style="fill: url(#patternId)">

在Chrome下是正常的,但是在IE中使【关注微信公众号:wwwtangshuangnet】【版权所有,侵权必究】用的时候,没法正常显示,而你需要将fil【未经授权禁止转载】本文版权归作者所有,未经授权不得转载。l属性改为attr:

【作者:唐霜】未经授权,禁止复制转载。
<rect fill="url(#patternId)">

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

【转载请注明来源】【版权所有,侵权必究】