在 cytoscape.js 中,有没有办法对整体图形样式的变化进行动画处理?

问题描述 投票:0回答:0

我从文档中看到您可以将样式(比如从 Cytoscape 导出的一些 json)应用于整个图形:

cy.style(s);

您可以在元素级别为简单样式设置动画:

cy.elements().animate({
  style: {
     "background-color": "rgb(255,0,0)",
     "color": "rgb(0,255,0)",
     "line-color": "rgb(0,0,255)"
     // more complex styles that work at top level don't work here
   }, 
   duration: 800,
   easing: 'ease-in-sine'
 });

但据我所知,该库没有提供一种方法来为顶级样式更改设置动画。有人可以确认这一点,或者指出图书馆的正确位置吗?

edit: 更奇怪的是,我刚刚发现如果你为一些特殊属性设置动画,比如

line-color
,这些属性似乎在动画之前(或更早)发生了变化。

cytoscape.js
© www.soinside.com 2019 - 2024. All rights reserved.