Показать сообщение отдельно
  #4 (permalink)  
Старый 17.10.2013, 11:34
Аватар для maguaguru
Интересующийся
Отправить личное сообщение для maguaguru Посмотреть профиль Найти все сообщения от maguaguru
 
Регистрация: 30.11.2011
Сообщений: 19

Я где то подглядел такой код:
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
Ответить с цитированием