Возвращаюсь к теме работы с 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);
});
_____________________________________________