Я где то подглядел такой код:
var SVG = {
self:this,
//нужные пространства имен
svgns: 'http://www.w3.org/2000/svg',
xlink: 'http://www.w3.org/1999/xlink',
//создание svg элемента
createElement: function(name, attrs){
var element = document.createElementNS(SVG.svgns, name);
if(attrs) {
SVG.setAttr(element, attrs);
}
return element;
},
//установка атрибутов
setAttr: function(element, attrs) {
for(var i in attrs) {
if(i === 'href') { //путь к изображению приписывается в атрибуте xlink:href
element.setAttributeNS(SVG.xlink, i, attrs[i]);
} else { //обычный атрибут
element.setAttribute(i, attrs[i]);
}
}
return element;
}
}
Вывел его в отдельный файл и создаю с помошью него SVG элементы:
wa = SVG.createElement("svg",{"width":"460",
"height":"460"});
target.appendChild(wa);
wa_rect = SVG.createElement("rect",{"x":0,"y":0,"width":_w,"height":_h,"style":"fill:"+_color});
wa.appendChild(wa_rect);
target - ссылка на div-контекйнер
Мне так удобно. А какие свойства, и какие элементы, можешь тут глянуть:
http://www.w3schools.com/Svg/svg_examples.asp