Thanks all. With help from Matthew Griffith, I have a spinning clock that
works. https://github.com/marick/eecrit/tree/crude-spinning/web/elm/IV/Clock
The key bits are:
* You have to include a “not rotating” property to start with:
hourHandStartsAt hour =
[
Animation.rotate
On Sun, Sep 25, 2016 at 4:06 PM, Brian Marick
wrote:
> 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
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.