IE11和SVG

时间:2017-06-23 00:31:35

标签: internet-explorer svg

我无法在IE11中获取要渲染的SVG图标。这是特别棘手的,因为我无法在我自己的开发环境中重现这个问题所以我无法自己调试这个问题。我希望也许有更多使用SVG和IE11经验的人可以指出我在SVG标记中遗漏的问题。它也是角度ap的一部分

这是我正在尝试呈现的SVG标记:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="18" viewBox="0 0 20 18">
   <defs>
       <path id="a" d="M0 18V0h20v18z"/>
   </defs>
   <g fill="none" fill-rule="evenodd">
       <mask id="b" fill="#fff">
           <use xlink:href="#a"/>
       </mask>
       <path fill="#626669" d="M16.25 18h-15c-1 0-1.625-1.157-1-2.057l3.5-4.757V3.857C3.75 1.671 5.375 0 7.5 0h8.75C18.375 0 20 1.671 20 3.857v10.286C20 16.329 18.375 18 16.25 18zm-12.5-2.571h12.5c.75 0 1.25-.515 1.25-1.286V3.857c0-.771-.5-1.286-1.25-1.286H7.5c-.75 0-1.25.515-1.25 1.286v7.714c0 .258-.125.515-.25.772l-2.25 3.086z" mask="url(#b)"/>
       <path fill="#626669" d="M8.75 5.143H15v2.571H8.75zM8.75 10.286H15v2.571H8.75z" mask="url(#b)"/>
   </g>
</svg>

任何形式的帮助或建议都将不胜感激。谢谢!

0 个答案:

没有答案