SVG как можно управлять обэктом

[sasha88886]

Здравствуйте

Говорю прямо JavaScript не мой козырь потому может буду нести ерись
Значит у меня такой вопросик. Я делаю игру, только векторная графика. Есть спрайт героя в формате svg. Знаю что существует тег для роботы в svg. но мне не понятно с помощью этого тега я могу загрузить мой уже нарисованный фаил или этот тег только для программного рисования. Все что мне удалось это загрузить файлик с помощью тега <img> но при этом,как я понимаю, уже не могу управлять программно векторным рисунком, или я чего то не понимаю? Примерно так у меня получилось

var imgArrHero=new Array();var imgHero=new Image();imgHero.src="vect/prob_1.svg"imgArrHero[0]=document.createElement("IMG");imgArrHero[0].src=imgHero.src;document.appendChild(imgArrHero[0])

Вообще то хотелось бы разобраться по конкретней в этом вопросе. Все чего я нагуглил приблизительно складывается так что svg это xml файл который содержит базу данных точек с их место расположением, и свойствами (там изгибами, заливками, и т д) Так что этот файл нужно парсить как xml а загружать на икран через тег. Правда рабочего кода примера я не встречал может у кого есть чтото подобное или какую то статью короче буду благодарен любой информации.

[Yazon_Nile]

да уж. Козыря, это не о вас. Какой уж тут JavaScript)
Тут хотя бы русский выучить.

Edited May 13, 2015 by Yazon_Nile

[afdw]

http://jsfiddle.net/dgkr1x6u/
И управлять как с обычным SVG. И да. Вы 100% наткнётесь (а может и уже наткнулись ) на грабли добавления элементов в элемент svg. Вот решение:

document.createElement("rect") // былоdocument.createElementNS("http://www.w3.org/2000/svg", "rect") // стало

Edited May 13, 2015 by afdw