(三)kityMinder如何实现节点间的跳转

本文章系列将会记录在做kityminder二次开发过程中,遇到的问题以及解决方法

有同事反馈需要脑图能够支持类似于xmind中的节点中的跳转的功能,但是实际上节点目前支持的链接方式只是支持跳转到外部的链接上去而已,并不能够支持节点间跳转的功能。

思考

其实想要实现这个功能,并不是很复杂,因为我们想要一个逻辑,只要在待跳转的节点中,定义好需要跳转到节点的id的数据,然后我们需要有个图标响应点击操作,其实整个流程就非常的顺理成章了。

定义一个图标

关于图标的定义可能需要参考下关于测试结果中图标的定义,我们可以看下这块是如何去声明一个图表出来的。

pass = new kity.Path().setTranslate( - 10, -10).setPathData("M15.812,7.896l-6.75,6.75l-4.5-4.5L6.25,8.459l2.812,2.803l5.062-5.053L15.812,7.896z").fill("#EEE")

如上就是一个通过图标的定义, 其实就是一个svg的定义即可,所以我们就可以照猫画虎的处理,定义好NodeLinkIcon

var NodeLInkIcon = kity.createClass('NodeLinkIcon', {
   
   
    base: kity.Group,
    constructor: function (value) {
   
   
        this.callBase()
        
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值