-3

這是我的.svg文件代碼。此應用程序以.svg格式創建啓動畫面。我必須將其轉換爲HTML5。和它使用的標籤我不知道HTML5中的等效標籤。如何將svg文件更改爲HTML5

<?xml version="1.0" encoding="UTF-8"?> 
    <image x="0" y="1" width="1920" height="1080" xlink:href=asd.jpg" /> 
    <text x="500" y="160" font-family="arial" font-size="72" fill="#99CCFF">test</text> 
    <text id="IPText" x="600" y="850" font-family="arial" font-size="45" fill="#f5f5f5"></text> 
    <text x="550" y="890" font-family="arial" font-size="28" fill="#f5f5f5">test</text> 
    <text x="550" y="910" font-family="arial" font-size="28" fill="#f5f5f5"> (e.g. test)</text> 


    <g id="urlBar" transform="translate(146, 10)"> 

     <text id="urlBarText" x="352" y="970" font-family="arial" font-size="20" fill="#AAAAAA" editable="simple" focusable="true">http://</text> 
    </g> 
</svg>

來源

2014-03-19 Dharmveer Kumar

您可以將文件作爲圖像嵌入HTML頁面：''。或者你想要將svg標記更改爲html標記？ – pawel

我想將svg標記更改爲html標記。請幫助我。 –

你可以把旅遊SVG圖像中的HTML直接，只要確保它是在一個標籤

這樣。來源：http://www.w3schools.com/svg/svg_inhtml.asp

<!DOCTYPE html> 
<html> 
<body> 

<h1>My first SVG</h1> 

<svg width="100" height="100"> 
    <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> 
</svg> 

</body> 
</html>

來源

2014-03-19 12:10:07 renstah

下面是OP的實際代碼，使用您的方法直接放在HTML頁面中：http://jsfiddle.net/barney/D3ep5/ – Barney

我希望在HTML5標記中使用這些標記。 –

我不明白你的要求。 svg元素是有效的html5。糾正我，如果我錯了，但什麼是一個svg元素是一個不同的技術whith自己的一套xml元素。 – renstah

我不認爲你應該翻譯SVG到HTML。
這裏有一個毛簡化爲什麼我這麼認爲。

應該如何

SVG善於在描述載體（內容創作）。
HTML用於描述內容。

您創建內容（例如使用SVG的圖像）。
您可以使用HTML來描述內容（將圖像放在頁面上的位置，它是什麼類型的圖像等等）。
您可以使用CSS來描述內容的外觀（樣式，如顏色，字體和佈局）。
您可以使用JavaScript爲內容添加行爲（DOM操作，AJAX，動畫等）。儘管恕我直言，我認爲不應該這樣做，但如果不是這些東西中的大部分都可以單獨使用SVG來完成的話，儘管恕我直言，我認爲不應該這樣做。

你有什麼

你有描述內容的（即試圖做HTML的工作）的SVG。
您想將其翻譯爲HTML。

我認爲你應該做

我建議你應該學習HTML和公正重新您使用HTML的SVG。
從我所看到的，這是一個非常簡單的佈局，一旦你知道你在做什麼，它不應該花很長時間。

P.S.
我會推薦從w3schools.com清除轉向。
據我所知，有更好，更可靠的替代品。

來源

2014-03-19 12:45:08

如何將svg文件更改爲HTML5

回答

應該如何

你有什麼

我認爲你應該做

相關問題