gpt4 book ai didi

javascript - 如何设置顶部 svg 元素的位置?

转载 作者:行者123 更新时间:2023-11-28 05:22:56 25 4
gpt4 key购买 nike

假设我们有一个非常简单的设置,如下所示

<html>
<head></head>

<body>
<script type="text/javascript">
var svg = d3.select("body").append("svg");
svg.attr("width", "100").attr("height", "100").style("border", "1px solid black");
</script>
</body>
</html>

什么决定了顶部 svg 元素的位置?怎么可能改变呢?

当您查找 attributes of an svg element 时你会发现它有xy属性,但在这两种情况下它都表示

Has no meaning or effect on outermost svg elements

这是有道理的,因为 x 和 y 只会相对于父 svg 元素定义。那么top的位置怎么设置呢?

谢谢!

最佳答案

您可以像定位任何其他 DOM 元素一样定位最外层的元素。

var svg = d3.select("body").append("svg");
svg.attr("width", "100").attr("height", "100").style("border", "1px solid black");
svg {
position: relative;
top: 100px;
left: 50px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>

关于javascript - 如何设置顶部 svg 元素的位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38942919/

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