在 cytoscape.js 的画布上绘制图标答案

【问题标题】：Draw icons on canvas in cytoscape.js在 cytoscape.js 的画布上绘制图标
【发布时间】：2016-10-16 11:51:43
【问题描述】：

我正在使用cytoscape.js。我想在选定节点旁边绘制一个小的删除图标，但我不知道如何使用API 在画布上绘制。

我想我什至应该听一个选择

cy.on('select', '*', function (event) {
  const element = event.cyTarget;

  // draw icon on the canvas
})

图书馆有很多extensions，所以我知道可以在画布上绘制。

【问题讨论】：

【解决方案1】：

按照@maxkfranz（Cytoscape 开发人员）的建议，我开发了一个名为cytoscape-canvas 的轻量级 Cytoscape.js 扩展程序，它可以在图形上方和/或下方创建画布。有了它，创建删除图标变得超级容易。我用通知徽章做了类似的事情：

如果您有兴趣，请查看readme！

【讨论】：

【解决方案2】：

您可以在 Cytoscape div 中添加一个新的画布——将它放在图表的顶部。这与扩展使用的方法相同。

（您不应该修改属于 Cytoscape 的画布，因为它几乎肯定会产生问题。）

【讨论】：