Antv X6 实现拖起节点时修改元素大小 或者隐藏元素属性

 this.stencil = new Addon.Stencil({
        getDragNode: node => {
          let shape = node.store.data.shape
          switch (shape) {
            case 'vue-ceshi':
              const { width, height } = node.getData()
              return node.clone().size(width, height)
            case 'vue-shape':
              return node.clone().setData({ show: true })
            case 'vue-state':
              return node.clone().size(250, 20)
            case 'vue-hourglass':
              return node.clone().size(20, 20)
            default:
              return node.clone()
          }
        }
      })

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ANTV X6 是一款流程图绘制工具,使用 ANT(A Nature Toolkit)作为开发框架,提供了丰富的图形绘制和交互功能。在ANTV X6中,可以通过节点双击来实现文本编辑。 当使用者在绘制流程图,可以在画布上添加节点节点可以表示各种不同的对象或操作,例如任务、决策、操作等。节点双击是一种常见的交互方式,用于对节点的文本进行编辑。 具体实现上,在ANTV X6中,首先需要为每个节点添加双击事件的监听器。当节点被双击,监听器会捕捉到该事件,并触发相应的操作。一般情况下,双击事件会将节点的文本框置为可编辑状态,让使用者可以直接在节点上进行文本编辑。 在文本编辑状态下,使用者可以通过键盘输入或者复制粘贴等方式对文本内容进行修改或更新。同ANTV X6会提供相应的编辑框界面,用于对文本进行格式化或样式调整。例如,可以修改文本的字体、颜色、大小属性,以及添加或删除文本的下划线、斜体等效果。 一旦用户完成了节点文本的编辑,可以通过点击画布其他部分或按下回车键等方式,退出文本编辑状态,并将修改后的文本内容保存到节点上。 ANTV X6 提供了便捷的节点双击文本编辑功能,使得用户可以在流程图绘制过程中轻松地编辑节点的文本内容。这样可以提高工作效率,同也丰富了流程图的表达能力。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值