父组件resize后弹幕组件内的containerWidth 跟 containerHeight不会改变

[sanqi377]

问题

父组件resize后弹幕组件内的containerWidth 跟 containerHeight不会改变，导致弹幕绘制位置不正确，css left错误

代码实现

一般是不会有这个问题的，我们业务出这个问题是因为大屏自适应，在父级加了 zoom 后会改变组件的 offsetWidth 跟 offsetHeight。导致绘制的位置不对。

环境

• vue-danmaku 版本: [v1.4.0]
• Vue 版本: [V3.2.45]

[sanqi377]

解决方案：

let resizeObserver: ResizeObserver;

        onMounted(() => {
            const dom = container.value;
            resizeObserver = new ResizeObserver(() => {
                initCore();
            });
            resizeObserver.observe(dom, { box: "border-box" });
            init();
        });

        onBeforeUnmount(() => {
            clear();
            resizeObserver.disconnect();
        });

[hellodigua]

感谢，v1.5.0已更新这部分代码