如何將SVG嵌入到單個hta/htm文檔中？

我這裏結束的目標是使用SVG圖像的CSS背景，像這樣：如何將SVG嵌入到單個hta/htm文檔中？

#somelement { 
    background: transparent url(#embededSvg) repeat-x; 
}

我需要（想*）兩點上班， 1. SVG是內嵌到文件（但不呈現像塊）女巫我可以achive：

Skip<svg ... style="display:none;">...</svg>

的SVG到環路上它的x軸爲CSS背景（無填料extranious文件與HTA/HTM文件）。

我已經嘗試創建svg作爲Javascript圖像對象，並將對象innerHtml設置爲svg，但我不知道如何參考css中的圖像對象。

來源

2012-09-24 ThorSummoner

如果我還記得，我錯過了，當我問這個問題是一個embded圖像的base64也必須是URI編碼的一個點。 – ThorSummoner

你有正確的想法，你會鏈接SVG一樣的圖像文件會像這樣被鏈接：

<style> 
    #somelement {background: transparent url('someimage.svg') repeat-x;} 
</style>

甚至是這樣的：

<style> 
    #somelement {background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D') repeat-x;} 
</style>

並非所有的瀏覽器的支持SVG在CSS背景中。該瀏覽器支持如下所示：

http://caniuse.com/#feat=svg-css

來源

2012-09-24 22:16:34

另請注意，即時生成的SVG文件可能比可能導致問題的頁面加載花費更長的時間！檢查此解決方案：http://stackoverflow.com/questions/3759427/javascript-how-can-i-delay-returning-a-value-for-img-complete –

如何將SVG嵌入到單個hta/htm文檔中？

回答

相關問題