Максим, начало показано на скрине - середина вверху, конец должен к ней примкнуть слева. для canvas я тоже не нашел способа анимировать заполнение такой рамки, ну только если долго помучиться с lineTo и arc
Максим, спасибо за помощь) начало удалось выставить в середину, но конец линии теперь прыгает куда хочет. сложность в том, что надо анимировать эту рамку, это как бы секундомер, и он заполняется по часовой стрелке. я использую такой код, который работает исправно, если линия начинается в левом верхнем углу, но если попытаться выставить линию на середину, то получается каша. секундомер 30 сек