html - 在隐藏的 div 中绘制的 JointJS 图比例错误

Question

我在隐藏可见性的 div 中呈现 JointJS 图。当我将可见性设置为可见时，图表中的形状很大。

我可以在代码中看到每个节点正在通过调用进行缩放:

box = this.node.getBBox()

但是这是返回一个空对象(大概是因为节点是隐藏的)。然后宽度/高度默认为零。稍后节点将按如下方式缩放:

scalable.attr('transform', 'scale(' + (size.width/(scalableBbox.width || 1)) + ',' + (size.height/(scalableBbox.height || 1 )) + ')');

由于返回的 scalableBbox 的宽度为 0，因此 (size.width/(scalableBbox.width || 1)) 的结果是宽度，因此节点被缩放到它的宽度 * 宽度/1。高度也是如此.

这似乎是错误的!

有没有办法在不可见的 div 中呈现 JointJS 图表，或者有没有办法在 div 可见后重新绘制图表？

Answer 1

您可以从元素形状中删除 scalable 类以避免此问题。

缩放功能仅在调整大小时使用:documentation

你可以定义你自己的没有可缩放元素的形状:tutorial