LogicFlow
LogicFlow copied to clipboard
翻转节点
想对节点进行水平翻转和垂直翻转,网上查了好多方法有获取translate,里面的scale设置成-1;还有说用节点的style设置;还有lf的settransform,我都试过都不行,甚至连settransform这个接口都没有,不知道是我的logicflow版本不对还是怎么样,求一个翻转的代码实现
有没有一种可能,用 CSS 就能实现翻转
LogicFlow 本身是基于 SVG 实现的,如果需要对某个节点进行翻转的话,在对应的节点上添加下面这个样式就行:
#mynode {
transform: scale(-1);
}
如果是只需要水平翻转和垂直翻转,替换成 scaleX 与 scaleY 即可。
⚠️ 通常来说只设置这个可能是不够的,还需要设置好变换中心,这里仅提供思路,具体如何设置请自行摸索~