首页 > 代码库 > 用JS动态创建SVG元素并绑定事件
用JS动态创建SVG元素并绑定事件
var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("width", "800"); svg.setAttribute("height", "500"); svg.addEventListener("load", function () { alert(‘loaded‘); }); document.body.appendChild(svg);
以上代码可创建SVG容器并追加到body元素下，如果要添加元素，使用以下代码：
var r = document.createElementNS("http://www.w3.org/2000/svg", "rect"); r.setAttribute("fill", "#120045"); r.setAttribute("x", "1"); r.setAttribute("y", "1"); r.setAttribute("width", "50%"); r.setAttribute("height", "50%"); r.addEventListener("click", function () { alert(‘clicked‘); }); svg.appendChild(r);
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。