jsplumb当浏览器窗口大小变化时，自适应（重新绘制端点和连线）

使用场景

最近有个需求是绘制一个ER图，将关系图上的节点或者边的属性与数据表中的字段进行映射配置。
可能是我的容器container的宽高不是px，而是百分比或者vw，vh之类的。当浏览器窗口大小变化时，该区域的ER图并没有自适应。
那就使用window.onresize解决问题吧。

解决

监听浏览器窗口变化，重新绘制点和线。

window.addEventListener('resize', () => {
    
    
	this.jsplumbInstance.repaintEverything()
})

这样就ok啦。

tip

说一句题外话，顺便记录一下，在使用jsplumb时，一定要为container设置样式：position: relative;