Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 放大和缩小时jsPlumb的连接问题_Javascript_Jquery_Html_Jsplumb - Fatal编程技术网

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

Javascript 放大和缩小时jsPlumb的连接问题,javascript,jquery,html,jsplumb,Javascript,Jquery,Html,Jsplumb,首先,我要感谢Simon这个令人惊奇的插件,我一直在为我的一个项目使用它,它看起来很神奇,我想在我的项目中添加一个缩放功能,最终导致连接和位置丢失,我读了一篇旧文章,其中说使用1px的锚将忽略这个问题,但它也不能解决我的问题,请看一看下面的代码,我用它来处理缩放,让我知道你的想法 $("#main").css({ "-webkit-transform":"scale("0.75")", "-moz-transform":"scale("0.75")", "-ms-transform":"scal

首先,我要感谢Simon这个令人惊奇的插件,我一直在为我的一个项目使用它,它看起来很神奇,我想在我的项目中添加一个缩放功能,最终导致连接和位置丢失,我读了一篇旧文章,其中说使用1px的锚将忽略这个问题,但它也不能解决我的问题,请看一看下面的代码,我用它来处理缩放,让我知道你的想法

$("#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>
$(“#main”).css({
“-webkit转换”:“比例(“0.75”)”,
“-moz变换”:“比例(“0.75”)”,
“-ms变换”:“比例(“0.75”)”,
“-o变换”:“比例(“0.75”)”,
“变换”:“比例(“0.75”)”,
});
setZoom(0.75);

谢谢

我通过在
setZoom
之后调用
instance.repaiverything()
解决了这个问题。 这当然不是最佳性能,但在我的情况下,这已经足够了