ResizeObserver

ResizeObserver可监听 Element 的内容区域或SVGElement的边界框改变，内容边距需要减去内边距 padding 值。

    const resizeObserver = new ResizeObserver(entries => {
      for (let entry of entries) {
        console.log(entry.contentRect.width)
        entry.target.style.borderRadius = Math.max(0, 1000 - entry.contentRect.width) + "px"
      }
    })
    resizeObserver.observe(document.querySelector('.box'))

常用 api

• ResizeObserver.disconnect() 取消和结束目标对象上所有对Element或SVGElement的观察
• ResizeObserver.observe() 开始观察指定的Element或SVGElement
• ResizeObserver.unobserve() 结束观察指定的Element或SVGElement