jointjs -- link

本文介绍了JointJS中与线条标签操作相关的函数,包括line.labels()用于设置或获取标签,line.append()用于在标签数组末尾添加新标签,line.insertLabel()用于在指定位置插入标签,以及line.removeLabel()用于删除指定索引的标签。同时提到,通过这些方法可以动态调整线条上的文本,但若文本行数变化,标签可能不会居中显示。
摘要由CSDN通过智能技术生成

line label

jointjs线条label改变的几个函数

line.labels(labels,opt)

labels 对象数组

l.labels([{
    attrs: {
        text: {
            text: 'labeds\nafdsfadf\nals',
            fill: 'white',
            fontFamily: 'sans-serif'
        },
        rect: {
            fill: '#31d0c6',
            stroke: '#31d0c6',
            strokeWidth: 20,
            rx: 5,
            ry: 5
        }
    },
    position: 0.55
}]);

这个函数当没有参数时,返回当前labels数组。有参数时改变label。第一个参数是一个如上代码的数组,第二个参数我还不知道有什么用,this.set函数到backbone.min.js里面去了,没看

line.append(label,opt)

label 对象

这个函数就比较简单了,就是调用insetLabel函数,idx为-1,意思就是在原有label数组后加入这个对象,这个label参是一个对象。

line.insertLabel(idx,label,opt)

idx 索引

label 对象

这个函数就是获取到当前labels,然后判断传进来的label应该插入到什么位置。最后调用label函数,改变。

line.removeLabel(idx,opt

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值