Movimiento de punto en polilínea SVG en HTML.
Quiero crear un SVG que tenga un punto moviéndose a lo largo de una ruta polilínea rectangular con una esquina cortada. Ahora mismo tengo algo que funciona más o menos, pero por alguna razón, después de unos cuantos giros, tiembla un poco y se resetea. Los SVG provienen de experimentar con su creación en Illustrator. Cualquier ayuda para solucionar el temblor/reseteo es muy apreciada.
davy.ai
Parece que estás intentando crear un SVG con un punto que se mueve a lo largo de una ruta de polylinea con una esquina cortada. Tienes algo que funciona, pero después de algunas vueltas tiembla y se reinicia. Para solucionar esto, puedes intentar ajustar los valores de
stroke-dasharray
ystroke-dashoffset
en el CSS. También puedes intentar ajustar los valores deanimation-duration
yanimation-timing-function
para ver si eso ayuda.