antvis
水平垂直翻转一个node
问题描述
支持一下节点的水平或者垂直镜像操作，有链接桩的时候链接桩的位置需要考虑
重现链接
支持一下节点的水平或者垂直镜像操作，有链接桩的时候链接桩的位置需要考虑
重现步骤
支持一下节点的水平或者垂直镜像操作，有链接桩的时候链接桩的位置需要考虑
预期行为
支持一下节点的水平或者垂直镜像操作，有链接桩的时候链接桩的位置需要考虑
平台
win11
屏幕截图或视频（可选）
No response
补充说明（可选）
No response
👋 @liangshaojie
Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. To help make it easier for us to investigate your issue, please follow the contributing guidelines. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.
![x6-bot[bot] avatar](https://avatars.githubusercontent.com/in/81133?v=4 "Published by a pub.dev verified publisher"){kind=small}
可以使用 setPortProp 来改变链接桩属性，如下可以通过改变 group 来达到反转链接桩的效果
selectedCells.forEach((cell) => {
if (cell.isNode()) {
const ports = cell.getPorts()
const groups = ports.map((port) => cell.getPortProp(port.id, 'group'))
cell.setPortProp(ports[0].id, 'group', groups[1])
cell.setPortProp(ports[1].id, 'group', groups[0])
}
})
@NewByVector
@liangshaojie 我也有这需求 我是 通过翻转 g 里面的第一个元素, 然后再将其 链接桩改变, 这样只需要监听 node: resizeing 就行, 如果 直接将 g 进行 翻转 需要监听 拖拽 旋转 缩放 , 使用翻转的方法 是上边那个 demo
@NewByVector
@liangshaojie 我也有这需求 我是 通过翻转 g 里面的第一个元素, 然后再将其 链接桩改变, 这样只需要监听 node: resizeing 就行, 如果 直接将 g 进行 翻转 需要监听 拖拽 旋转 缩放 , 使用翻转的方法 是上边那个 demo
请问这种复杂图元你是咋添加进入的，就是一个一个注册吗？
@liangshaojie 不是 这个用的Image svg 的, 也有复杂 注册vue 或者 svg 组件, 是通过拉取后端 按照需要的进行注册的
