Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

301
Visualizações
Cómo hacer un bucle de la animación de borde a la hormiga en marcha en cytoscape.js

¿Cómo hago que el borde se anime como en una hormiga que marcha y lo apunto hacia el nodo de destino?

Intenté usar la propiedad line-dash-offset esta manera, pero no se repite.

estilo

 { selector: "edge", style: { "curve-style": "taxi", width: 2, "target-arrow-shape": "triangle", "target-arrow-color": "#9dbaea", "line-style": "dashed", "line-dash-pattern": [8, 4], } }

animación

 let loopAnimation = eles => { eles.animation( { style: { "line-dash-offset": 24, "line-dash-pattern": [8, 4], } }, { duration: 1000 } ).play().promise('complete').then(() => loopAnimation(eles)) }; cy.edges().forEach(loopAnimation);

diagrama

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Pude resolver esto llamando a reverse() antes de jugarlo

 let loopAnimation = eles => { const ani = eles.animation( { style: { "line-dash-offset": 24, "line-dash-pattern": [8, 4], } }, { duration: 1000 } ); ani.reverse().play().promise('complete').then(() => loopAnimation(eles)) };
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda