2013-02-15 87 views
0

我正在嘗試製作一個svg遊戲。 但我無法獲得一個svg文件(用inkscape製作)在我的遊戲中發生。SVG遊戲中的SVG文件?

我知道嵌入和使用對象和iframe中的:

<embed src="spaceship.svg" type="image/svg+xml" /> 

<object data="spaceship.svg" type="image/svg+xml"></object> 

<iframe src="spaceship.svg"></iframe> 

但是,這並不工作,它跳SVG遊戲之外。

是否可以將svg文件放入另一個svg標籤中? 或者我應該堅持帆布遊戲?

+1

提供一個鏈接到遊戲中,我們可以看到什麼問題是。沒有這一點,就沒有多少進展。 – 2013-02-15 08:45:06

+0

我還沒有在線,但事情是我不知道從哪裏開始。我不知道如何添加一個.svg文件在svg遊戲中顯示。 – Slulego 2013-02-15 14:23:57

回答

0

你想一個SVG文件動態加載到現有的SVG文件或者你想在SVG文件中的多個SVG對象 - 就像這樣:

<?xml version="1.0" standalone="no"?> 
<!DOCTYPE svg PUBLIC "-//W3E//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 

<svg preserveAspectRatio="none" viewBox="0 0 10000 10000" version="1.1" xmlns="http://www.w3.org/2000/svg" onload="init();"> 
    <script type="text/ecmascript"><![CDATA[ 
     function init() 
     { 
     alert(document.getElementById("map_line")); 
     } 
    ]]></script> 

    <svg id="map" x="0" y="0" width="7500" height="10000" preserveAspectRatio="none" viewBox="0 0 10000 10000" cursor="crosshair" version="1.1" xmlns="http://www.w3.org/2000/svg"> 
     <rect x="0" y="0" width="10000" height="10000" fill="black" /> 
     <line id="map_line" x1="0" y1="0" x2="10000" y2="10000" stroke="red" stroke-width="25" /> 
    </svg> 

    <svg id="mini_map" x="7500" y="0" width="2500" height="2500" preserveAspectRatio="none" viewBox="0 0 10000 10000" cursor="crosshair" version="1.1" xmlns="http://www.w3.org/2000/svg"> 
     <rect x="0" y="0" width="10000" height="10000" stroke-width="10" stroke="silver" fill="black" /> 
     <line x1="0" y1="0" x2="10000" y2="10000" stroke="red" stroke-width="25" /> 
    </svg> 

    <svg id="info" x="7500" y="2500" width="2500" height="7500" preserveAspectRatio="none" viewBox="0 0 1000 1000" cursor="default" version="1.1" xmlns="http://www.w3.org/2000/svg"> 
    <rect x="0" y="0" width="1000" height="1000" fill="#333333" /> 
    <line x1="0" y1="0" x2="1000" y2="1000" stroke="red" stroke-width="25" /> 
    </svg> 
</svg> 
+0

這幾乎是我正在尋找的,只是我會怎麼說,加載'objects/spaceship.svg'到主svg的屏幕上?或者可能呢? – Slulego 2013-02-15 18:00:26

+0

試試這個問題:http://stackoverflow.com/questions/7215009/how-to-reference-external-svg-file-in-svg-correctly – BigMac66 2013-02-15 18:13:22