SVG 创建图片，设置属性，创建元素

创建的SVG元素使用原生的js写都要加上NS

document.createElementNS(文档的声明，元素名)

设置除了class,如果要给SVG加上其他属性，如data-name等要加上NS

setAttributeNS(null,”height”,'30')

第一个参数是 元素的文档声明，也可以为null

下面是新建图片元素的例子

var xmlns = “http://www.w3.org/2000/svg“; //这就是svg文档声明

var svgImg = document.createElementNS(xmlns,”image”); //此处要使用createElementNS

svgImg.setAttributeNS(null,”x”,this.x); //屏幕x坐标位置

svgImg.setAttributeNS(null,”y”,this.y); //屏幕坐标y位置

svgImg.setAttributeNS(null,”width”,this.width); //宽度

svgImg.setAttributeNS(null,”height”,this.heigh); 高度

svgImg.href.baseVal = "img/..."; //传入图片路径

g.appendChild(svgImg);