none
IE10支持的SVG的写法 RRS feed

  • 问题

  • 问题:

    IE10支持<img src="data:image/svg+xml;base64,.....>的写法吗?

    帮我看看下面的HTML那个地方有问题啊?

     

    用IE10浏览下面的HTML的时候,IE的控制台出现了下面的错误信息(chrome浏览时没有问题):

    <!DOCTYPE html>
    <html>
    <head>
    <title>SVG test</title>
    </head>
    <body>
    <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCA3MDAgMTE1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPGRlZnM+Cg08ZmlsdGVyIGlkPSJjYWZmZUxhdHRlIj4KDTxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiIHJlc3VsdD0iZ3JheSIvPgoNPC9maWx0ZXI+Cg08L2RlZnM+Cg08aW1hZ2UgZmlsdGVyPSJ1cmwoI2NhZmZlTGF0dGUpIiB4bGluazpocmVmPSJodHRwOi8vY2w1NTY5L3NpMjkvaW1hZ2UvdG9wX2hlYWQuZ2lmIiB3aWR0aD0iNzAwIiBoZWlnaHQ9IjExNSIvPgoNPC9zdmc+" width="700" height="115" alt="SVG"/>
    </body>
    </html>

    ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓IE控制台的错误信息↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

    SEC7111: SEC7111: HTTPS security is compromised by http;//cl5569/si29/image/top_head.gif 
    svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCA3MDAgMTE1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPGRlZnM+Cg08ZmlsdGVyIGlkPSJjYWZmZUxhdHRlIj4KDTxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiIHJlc3VsdD0iZ3JheSIvPgoNPC9maWx0ZXI+Cg08L2RlZnM+Cg08aW1hZ2UgZmlsdGVyPSJ1cmwoI2NhZmZlTGF0dGUpIiB4bGluazpocmVmPSJodHRwOi8vY2w1NTY5L3NpMjkvaW1hZ2UvdG9wX2hlYWQuZ2lmIiB3aWR0aD0iNzAwIiBoZWlnaHQ9IjExNSIvPgoNPC9zdmc+
    
    

    img 的src是下面SVG代码所对应的base64编码

    ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓SVG代码↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

    <?xml version="1.0" encoding="utf-8"?>
    <svg viewBox="0 0 116 27" xmlns="http://www.w3.org/2000/svg" version="1.1"  xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
    <filter id="caffeLatte">
    <feColorMatrix type="saturate" values="0" result="gray"/>
    </filter>
    </defs>
    <image filter="url(#caffeLatte)" xlink:href="http://cl5569/si29/image/top_head.gif" width="116" height="27"/>
    </svg>


    2013年4月25日 11:34

答案

全部回复