2013-02-15 2 views
0

Я пытаюсь создать игру svg. Но я не могу получить файл svg (сделанный с inkscape), который состоится в моей игре.SVG-файл в игре SVG?

Я знаю внедрения и использования объектов и фреймов:

<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

Дайте ссылку на игру, и мы можем увидеть, что проблема в. Без этого очень мало. –

+0

У меня его еще нет, но я не знаю с чего начать. Я не знаю, как добавить файл .svg для отображения в svg-игре. – Slulego

ответ

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

Это почти то, что я искал, Только как бы я сказал, загрузите объекты/spacehip.svg на экран внутри основного svg? Или это вообще возможно? – Slulego

+0

Задайте этот вопрос: http://stackoverflow.com/questions/7215009/how-to-reference-external-svg-file-in-svg-correctly – BigMac66