у меня две картинки; первая - круговая диаграмма с прикрепленным прямоугольником для начала l oop. Второй вариант - только круглая часть, выделенная серым цветом. Я хочу использовать диаграмму в качестве меню, отображая кнопки на несколько подрайонов, но я хочу, чтобы изначально была доступна только желтая часть angular, чтобы пользователь знал, с чего начать.
Моя идея заключалась в наложении выделенная серым цветом круговая область в верхней части диаграммы, а затем она исчезает, когда пользователь нажимает на какую-то кнопку, например маленький треугольник в верхней части круга. Но я не хочу, чтобы это просто исчезло; Мне бы хотелось, чтобы он исчезал по часовой стрелке, так что похоже, что цвета заполняют круг. Кто-нибудь может предложить способ сделать это?
Изображения оба svg. Серое изображение представляет собой квадратное изображение, поэтому оно может работать с angular анимациями.