我屏幕上有四个画布，上面有两个，下面有两个。
每个人都有最大化画布和隐藏其他画布的按钮。
此按钮位于每个画布上方，绝对位置基于画布的offsetTop和offsetLeft。
但是，当最大化或最小化画布时，按钮表达式仅更新width属性。
奇怪的是，如果我调整屏幕大小，也调用调整大小功能，一切都会到达正确的位置。
编辑：其他信息：我正在使用VueJS。 为了隐藏其他画布，将v-show=“false”应用于它们的父div。 它只应用display:none。
一些片段：
初始大小调整和监听程序：
window.onload=function (
resizeAll (；
window.addevent listener (' resize '，resizeAll，false )；
(；
调整大小中心：
函数重置全部
UE.$ refs.panel one.resize default (；
//.
vue.$refs.panelN.resizeDefault (；
}
面板调整大小的默认值和调整大小的方法。 扩展样式是应用于按钮的css样式。
重置默认值
let dimensions；
if(this.expanded ) {
dimensions=getScreenDimensions (；
} else {
dimensions=gethalfscreendimensions (；
}
this.resize(dimensions.width，dimensions.height )；
}
resize(width，height ) {
this.canvas.width=width；
this.canvas.height=height；
this.expand styles.top=(this.canvas.offset top 10 ) ' px '；
this.expand styles.left=(this.canvas.offsetleft this.canvas.width-40 ) ' px '；
draw接口. redraw (；
}
最后，大小的吸气剂：
函数getscreendimensions (
返回{
width : window.inner width-310、
height : window.innerheight * 0.92
(；
}
functiongethalfscreendimensions (
返回{
width : (window.inner width-310 )/2、
height : (window.innerheight * 0.92 )/2
(；
}