none
IE10ではサポートされるんSVGの書き方、教えて RRS feed

  • 質問

  • 質問:

    IE10で下記のHTLMを開くと開発ツールでセキュリティのエラーが出ちゃ。

    IEでは、<img src="data:image/svg+xml;base64,.....>の書き方がサポートされるか?

    それとも、僕の書き方が間違った。

    正確の書き方を教えていただけないでしょうか。

    ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓エラーが発生したHTML↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

    <!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>

    ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓開発ツールのコンソールで出たエラーメッセージ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

    SEC7111: HTTPS セキュリティが http://cl5569/si29/image/top_head.gif によって危害を受けています 
    svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCA3MDAgMTE1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPGRlZnM+Cg08ZmlsdGVyIGlkPSJjYWZmZUxhdHRlIj4KDTxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiIHJlc3VsdD0iZ3JheSIvPgoNPC9maWx0ZXI+Cg08L2RlZnM+Cg08aW1hZ2UgZmlsdGVyPSJ1cmwoI2NhZmZlTGF0dGUpIiB4bGluazpocmVmPSJodHRwOi8vY2w1NTY5L3NpMjkvaW1hZ2UvdG9wX2hlYWQuZ2lmIiB3aWR0aD0iNzAwIiBoZWlnaHQ9IjExNSIvPgoNPC9zdmc+
    

    ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓説明↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

    img タグのsrc属性の値は↓のSVGに対してbase64でエンコード後のもの

    <?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月26日 2:10

すべての返信