gpt4 book ai didi

javascript - 使用 JavaScript 将路径附加到 SVG

转载 作者:行者123 更新时间:2023-11-30 17:52:08 30 4
gpt4 key购买 nike

我正在尝试使用 javascript 将路径元素附加到某些内联 svg,但出现错误:“未捕获的 NotFoundError:试图在不存在的上下文中引用节点”谁能解释为什么这个 javascript 不能与我的 HTML 一起使用?

<body>
<svg height='500' width='500'></svg>


<script>
var svg = document.getElementsByTagName("svg")[0];
var pathElement = svg.appendChild("path");
</script>

</body>

最佳答案

appendChild 需要一个元素而不是一个字符串,所以你需要的是这样的......

var svg = document.getElementsByTagName("svg")[0];
var path = document.createElementNS("http://www.w3.org/2000/svg", "path");

// Use path.setAttribute("<attr>", "<value>"); to set any attributes you want

var pathElement = svg.appendChild(path);

关于javascript - 使用 JavaScript 将路径附加到 SVG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18770805/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com