0
divがCSS transformed (transform: translate(50px, 10px);)
である場合、jsPlumb接続の問題。
例:
HTMLdivがCSSで変換された場合、jsPlumb接続
<div class="c1">
<div id="a1">
test1
</div>
</div>
<div class="c2">
<div id="a2">
test2
</div>
</div>
CSS
.c1{
position: absolute;
width: 50px;
height: 50px;
background: #FF0000;
transform: translate(50px, 50px);
}
.c2{
position: absolute;
width: 50px;
height: 50px;
background: #FF0000;
transform: translate(150px, 100px);
}
JS
$("#click1").click(function(){
jsPlumb.connect({
source: "a1",
target: "a2"
});
});
JsFiddle https://jsfiddle.net/fara/fc6k8fqn/1/
修正/解決方法はありますか?代わりに、使用位置値を変換を使用して
これは、私は、このCSS値を変更することができれば、私は聞いていないだろう、解決策ではありません(..など、上、左)質問。私は別のライブラリを使用し、このライブラリはCSSトランスフォームでオブジェクトを移動します。 –
@FarhodHojiev https://github.com/jsplumb/jsPlumb/issues/669 – jgatjens
クリア、ありがとう、私のコードを変更します。 –