LogicFlow icon indicating copy to clipboard operation
LogicFlow copied to clipboard

翻转节点

Open haipahp opened this issue 11 months ago • 1 comments

想对节点进行水平翻转和垂直翻转,网上查了好多方法有获取translate,里面的scale设置成-1;还有说用节点的style设置;还有lf的settransform,我都试过都不行,甚至连settransform这个接口都没有,不知道是我的logicflow版本不对还是怎么样,求一个翻转的代码实现

haipahp avatar Feb 04 '25 14:02 haipahp

有没有一种可能,用 CSS 就能实现翻转

LogicFlow 本身是基于 SVG 实现的,如果需要对某个节点进行翻转的话,在对应的节点上添加下面这个样式就行:

#mynode {
  transform: scale(-1);
}

如果是只需要水平翻转和垂直翻转,替换成 scaleXscaleY 即可。

⚠️ 通常来说只设置这个可能是不够的,还需要设置好变换中心,这里仅提供思路,具体如何设置请自行摸索~

ChangeSuger avatar Feb 05 '25 10:02 ChangeSuger