Jsplumb在应用缩放时，容器不仅可以完全转换节点

Question

我在jsplumb图表中应用了zoom属性，为此，当我使用CSS属性'zoom'时，它可以正常工作，但是当我将zoom属性与transform属性一起应用时，容器将完全转换，而不仅仅是其中的节点。 这是我用于转换的函数：-

window.setZoom = function(zoom, instance, transformOrigin, el) {
  transformOrigin = transformOrigin || [ 0.5, 0.5 ];
  instance = instance || jsPlumb;
  el = el || instance.getContainer();
  var p = [ "webkit", "moz", "ms", "o" ],
      s = "scale(" + zoom + ")",
      oString = (transformOrigin[0] * 100) + "% " + (transformOrigin[1] * 100) + "%";

  for (var i = 0; i < p.length; i++) {
    el.style[p[i] + "Transform"] = s;
    el.style[p[i] + "TransformOrigin"] = oString;
  }

  el.style["transform"] = s;
  el.style["transformOrigin"] = oString;

  instance.setZoom(zoom);    
};

，它的调用者是：-

  this.setZoom(this.zoomLevel,this.jsPlumbContainer,undefined,undefined);

我做错了什么？ 这是我的容器div CSS：

#canvas {
  position: relative;
  min-height: 100%;   
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: auto;
}