html
  • svg
  • embedded-resource
  • 2013-02-18 46 views 0 likes 
    0

    好了,我知道如何把一個靜態的SVG到HTML:嵌入SVG在HTML沒有鏈接

    <object data="your.svg" type="image/svg+xml"> 
        <img src="yourfallback.jpg" /> 
    </object> 
    

    但是,我怎麼把實際的SVG文件(消除鏈接保存的http請求):

    <object data='<path d="m315.9,581.1c.....1,22.8z" fill="#fff" stroke="#4ea3ff" stroke-miterlimit="10" stroke-width="36"></path>' type="image/svg+xml"> 
        <img src="yourfallback.jpg" /> 
    </object> 
    

    我似乎無法得到它的工作。

    回答

    1

    可以使SVG的數據URI,如果你想使用對象標記保持,看this answer瞭解詳情。

    +0

    謝謝,我將使用dataURI – 2013-02-21 19:06:52

    0

    只需粘貼在SVG中。但是,你需要有<svg>標籤雖然啓動它,你不能只用原始<path>

    <!DOCTYPE html> 
    <html> 
    <body> 
    
    <svg height="190"> 
        <polygon points="100,10 40,180 190,60 10,60 160,180" 
        style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"> 
    </svg> 
    
    </body> 
    </html> 
    
    +0

    但是,SVG作爲一個對象[link](http://caniuse.com/#feat=svg)vs [link](http://caniuse.com/#feat=svg-html5) 。另外,使用標籤,我可以免費獲得PNG後備,對吧? – 2013-02-19 00:24:44

    +0

    您認爲Opera mini的用戶將成爲您網站觀衆的很大一部分? – 2013-02-19 07:21:26

    +0

    老版本的Safari和iOS太...一起它更喜歡dataURI – 2013-02-21 19:07:38