如何解决JointJS 基线偏移
我使用的是 JointJS 3.2.0,我需要像 PN=xxx 这样的文本。
在 JointJS 中应该如何使用基线偏移?我试过了
markup: '<g><text>\
<tspan class="left"></tspan>\
<tspan class="sub"></tspan>\
<tspan class="right"></tspan>\
</text></g>',attrs: {
'.sub': {
'baseline-shift': 'sub',},
但它在每个 tspan 内创建另一个 tspan,所有 dy=0。 类似的方法没有使正确的 tspan 具有基线偏移属性。
我尝试了另一种方法,将 textVerticalAnchor 更改为“top”,但在这种情况下,我无法控制每个 tspan 之间的间距,并且字母之间的间距比仅在一个 tspan 内更远。
解决方法
使用 Text Annotations 可能会有所帮助。
element.attr('label',{
text: 'Pn = xxx',annotations: [{ start: 1,end: 2,attrs: { 'baseline-shift': 'sub' }}]
});
这是一个 JSFiddle。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。