在放大和缩小时与jsPlumb的连接问题

时间:2014-03-13 14:52:22

标签: javascript jquery html5 jsplumb

首先,我想感谢Simon这个神奇的插件,我一直在使用它进行我的项目,看起来很神奇,我想为我的项目增加一个缩放功能,最终导致失去连接和位置,我读了一篇较老的文章,其中说使用1px的Anchor会忽略这个问题,但它也没有解决我的问题,请看下面的代码我用来处理变焦,让我知道你的想法,

$("#main").css({
"-webkit-transform":"scale("0.75")",
"-moz-transform":"scale("0.75")",
"-ms-transform":"scale("0.75")",
"-o-transform":"scale("0.75")",
"transform":"scale("0.75")",
});
instance.setZoom(0.75);
<div id="main" style="float:right; background:url(images/white.gif);">

<div class="demo flowchart-demo" id="flowchart-demo" style="width:15000px; height:8125px; background:url(images/grid.png);">

  <div class="start dragwindow box" id="flowchartWindow1" style="left:42px; top: 46px;">    </div>
<div class="start dragwindow box" id="flowchartWindow2" style="left:82px; top: 86px;">    </div>
<div class="start dragwindow box" id="flowchartWindow3" style="left:102px; top: 106px;">    </div>
<div class="start dragwindow box" id="flowchartWindow4" style="left:152px; top: 156px;">    </div>
</div>
</div>

谢谢

1 个答案:

答案 0 :(得分:0)

我在instance.repaintEverything()之后致电setZoom解决了这个问题。 这当然不是最佳的性能,但在我的情况下它就足够了。