gpt4 book ai didi

javascript - getBoundingClientRect() 在窗口恢复时未返回正确的值

转载 作者:行者123 更新时间:2023-12-03 02:17:11 25 4
gpt4 key购买 nike

我有一个在 windows-resize 事件上运行的 JS 函数

在该函数中,我设置了一个变量 width 以用于调整 d3 图表的大小。如果我“手动”调整窗口大小(即:拖动窗口边缘之一),宽度变量似乎是正确的,但是当我单击浏览器窗口右上角的“恢复向下”图标时,宽度变量似乎不正确是正确的(例如,如果我向下恢复,该值是 205,是对窗口边缘的最小触摸,那么该值是 310)

 root.selectAll('.upload-visual')
.each(function(d, i) {
var me = d3.select(this).select('.chart');
var width = me.node().getBoundingClientRect().width;

我了解到出于性能原因可以缓存 getBoundingClientRect()

我的值是否被缓存,或者该函数是否不了解恢复操作过程中发生的更改?

最佳答案

这与 getBoundingClientRect() 无关,但确实需要注意。

window-resize函数中,包含getBoundingClientRect()的函数被立即调用。我需要设置一个超时以确保浏览器已完成调整大小,以便返回正确的尺寸。

绝对值得了解

关于javascript - getBoundingClientRect() 在窗口恢复时未返回正确的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49322853/

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