Question

在带有一些边缘的Cytoscape.JS图形中，如何使仅一个边缘褪色？样式标签中有做这件事的东西吗？

Answer 1

另一种实现方法是cy.animate()：

presentPopover(myEvent) {

this.popOverParam = 1;

const popover = this.popoverCtrl.create(MyprofileheaderpopupComponent);

popover.present({

  ev: myEvent

}).catch(err => ErrorHandler).then(result => {}).catch(() => 'User Details 

presentPopover()');

}

Answer 2

使用样式选项，可以在创建cytoscape画布时更改节点或边缘的不透明度。

来自documentation：
不透明度值指定为范围为0 <=不透明度<= 1的数字。

var cy = cytoscape({
  // your options
  container: /* ... */,
  elements: [ /* ... */ ],
  style: [ edge.opacity: 0.5 /* ... */ ],
  // ...
)}

如果您想在单击按钮（或所需的任何触发器）时更改边缘的不透明度，则画布的样式文件可能会更好。在那里，您可以为边缘设置一个“褪色类”，并在单击按钮时将其设置到边缘。

//Cytoscape-CSS
edge.faded {
 opacity: 0.5 /* 50% opacity */
}

//JS
edges.addClass('faded');

此example使所选节点的closed neighborhood中不在的所有内容的节点和边缘变淡。您可以找到其源代码here。

如何在Cytoscape.JS中淡化边缘？

2 个答案: