javascript - 如何将标签嵌入到 Cytoscape.js 的边缘内?

标签 javascript css cytoscape.js

我们希望在 Cytoscape.js 的边缘中嵌入标签,重现看起来 like this 的边缘。 .

我们最近将此询问为 a feature request在 GitHub 问题页面上,但看起来它已经成为可能。

Maxkfranz 表示,为了在边缘内获取带有指示方向的小箭头的边缘标签,唯一需要的是边缘样式属性中的两项:

文本背景颜色:白色; 文本旋转:自动旋转;

我们尝试了这个,但似乎不起作用,所以我们想知道是否缺少某些东西。这是the code we are using .

第 83 行和第 84 行显示了 Maxkfranz 建议应用的修复,但它似乎并没有起到作用。我们绝对有可能误解了他们的回复,但我不确定特定的修复可能会去哪里。如有任何建议,我们将不胜感激。

最佳答案

您的文本将始终与中间箭头重叠。中间箭头旨在替代端点箭头。两者兼而有之并没有多大意义。

如果在风格上您希望在文本旁边显示箭头,请使用 unicode 三 Angular 形字符(例如 "\u25B6")。不支持移动箭头,因为贝塞尔曲线边缘的成本过高。

关于javascript - 如何将标签嵌入到 Cytoscape.js 的边缘内?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47230857/

相关文章:

javascript - 有没有办法通过 ajax 提高正常的 Django 表单验证?

javascript - 重定向后关闭窗口

html - 相对文本居中。垂直和水平

html - 横幅图片不会显示正确的尺寸

Cytoscape.js 将多条边合并为一条(较厚)边

javascript - Cytoscape.js 和 Bootstrap

javascript - 没有 jQuery 的返回顶部按钮

javascript - 在弹出窗口上设置 onerror 处理程序

css - { float : left;} Not working

layout - 如何改善 cytoscape.js 中 'cose' 布局的间距?