html图片中加入js,html5中用js给svg添加图片标签image(解决不显示图片问题)

//创建SVG

var svgDemo= document.createElementNS('http://www.w3.org/2000/svg','svg');

svgDemo.style.width = "400px";

svgDemo.style.height = "400px";

document.body.appendChild(svgDemo);

//添加图片标签

var image=document.createElementNS('http://www.w3.org/2000/svg','image');

image.setAttribute("x","100");

image.setAttribute("y","100");

image.setAttribute("width","100");

image.setAttribute("height","100");

image.href.baseVal = "图片的url"; //关键一句，设置image的url图片，要用image.href.baseVal

svgDemo.appendChild(image);

-----------------------------------------------------

转载请注明来源此处

原地址：#