gpt4 book ai didi

javascript - 文本没有出现在 DOM 对象中?

转载 作者:行者123 更新时间:2023-11-28 20:27:33 24 4
gpt4 key购买 nike

我正在尝试在 JavaScript 中创建一个对象并向其附加文本。我可以将文本附加到 svg 上,但是当我尝试将其附加到圆形时,它不会出现。

这就是我的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>D3 Tutorial</title>
<script src="http://d3js.org/d3.v3.min.js"> </script>
</head>
<body>
<script>

var canvas = d3.select("body")
.append("svg")
.attr("width", 500)
.attr("height", 500);

var circle = canvas.append("circle")
.attr("cx", 400)
.attr("cy", 350)
.attr("r", 25);

canvas.append("text")
.attr("fill", "red")
.attr("y", 50)
.text("hello");


circle.append("text")
.attr("fill", "red")
.attr("y", 50)
.text("hello");

</script>
</body>
</html>

它是这样的: The result

最佳答案

SVG 必须遵循一定的结构。将 text 元素附加到 circle(或 rect 或类似元素)无效,因此不会显示。

关于javascript - 文本没有出现在 DOM 对象中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17095409/

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