SVG動態添加圖片

    var tsvg_obj = document.getElementById("svgId");
    var xmlns = "http://www.w3.org/2000/svg";
    var svgImg = document.createElementNS(xmlns,"image");
    svgImg.setAttributeNS(null,"x",'42.4821315267019');
    svgImg.setAttributeNS(null,"y", '78.8926890514464');
    svgImg.setAttributeNS(null,"width",'4px');
    svgImg.setAttributeNS(null,"height",'4px');
    svgImg.setAttribute("style","fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)");
    svgImg.href.baseVal = "/img/student.png";
    tsvg_obj.appendChild(svgImg);

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章