Показать сообщение отдельно
  #1 (permalink)  
Старый 26.06.2011, 14:33
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

Создание SVG элемента и вставка на страницу
Возвращаюсь к теме работы с SVG. Не понимаю, почему внутри SVG не отображаются элементы, в частности, image, хотя в DOM он есть. Как корректно создать SVG и вставить его на страницу?
SVG = {
	NS: 'http://www.w3.org/2000/svg',
	
	createElement: function(name, attrs){
		var element = document.createElementNS(SVG.NS, name);
		
		if(attrs) {
			SVG.setAttr(element, attrs);
		}
		return element;
	},
	
	setAttr: function(element, attrs) {
		for(var i in attrs) {
			element.setAttributeNS(SVG.NS, i, attrs[i]);
		}
		return element;
	}
}

jQuery(function(){
	var svg = SVG.createElement('svg', {
		xmlns: SVG.NS,
		version: "1.1",
		width: "640",
		height:"480"
	});
	
	var image = SVG.createElement('image', {
		x:"0",
		y:"0",
		width:"320",
		height:"240",
		href:"http://byaki.net/uploads/posts/2008-02/1204270244_1.jpg",
	});
	

	svg.appendChild(image);
	
	document.getElementsByTagName('body')[0].appendChild(svg);

});


_____________________________________________

Ответить с цитированием