Задать вопрос
@geniy9

Как отобразить отрезок времени через фигуру SVG?

Добрый день

На каждой странице есть 2 переменные, каждая из которых содержит время в формате: 01:30 PM.
Страниц много и у всех переменных значения разные.
Обе переменные нужны для отображения промежутка времени, который я пытаюсь отобразить не в цифрах (например: 10:00 AM - 02:00 PM), а графически, например с использованием вот такой фигуры SVG:
https://codepen.io/geniy9/pen/QRxZbm

Вопрос в том, как первую переменную "описать" в начало зеленой дуги, а вторую переменную описать в конец дуги с соответствующим градусом, чтобы получились "часы", которые отображают интервал времени.
В голову приходит такая мысль - первую переменную подставить сюда в: , а вторую переменную в: stroke-dasharray="" (предварительно преобразовать значения переменных в необходимые числа)

Но может есть лучше идеи?
  • Вопрос задан
  • 30 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы