陈建华的博客
专注web开发
html5中用js给svg添加图片标签image(解决不显示图片问题)
2016-10-12 16:54:32   阅读4436次
//创建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);

        



-----------------------------------------------------
转载请注明来源此处
原地址:#

-----网友评论----
暂无评论
-----发表评论----
微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航