As a front end newbie, I was pleased I could make a clock hand with an arrow using a marker https://developer.mozilla.org/en-US/docs/Web/SVG/Element/marker That allows me a pretty(ish) clock hand that automagically has the arrowhead appropriately rotated to match the orientation of the line. Assuming I can post an image to this list, it looks like this:
It’s easy enough to move the hands to a new position in a jerk…jerk…jerk… way by drawing a completely different object. However, for this application, students first predict a result N hours hence, and then the app shows them what really happens. I’d like the hands of the clock to rotate quickly to indicate the passing of time while another animation shows IV fluid levels declining. I’m wondering how to do this. SVG lines are driven by x1, x2, y1, and y2 coordinates, but those aren’t animatable properties in `elm-style-animation`. Perhaps I could have each hand in the clock have a `fill “none”` counterweight extending past the center of the clock face, so that I can rotate the whole thing around its center. I’m clumsy enough with Elm, SVG, elm-style-animation that I’m hoping someone can confirm/deny that will work before I start in on it. Thanks. -- You received this message because you are subscribed to the Google Groups "Elm Discuss" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/d/optout.
