html5中用js给svg添加图片标签image(解决不显示图片问题)
2016-10-12 16:54:32
阅读8837次
//创建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);
-----------------------------------------------------
转载请注明来源此处
原地址：#
发表