What problem does this feature solve?
It would be helpful to be able to show an arc on the circle starting in a specified direction, such as 50 degrees orientation for 20%, rather than always at 0 degrees (straight up), to represent a direction on a compass and a spread from a base course.
What does the proposed API look like?
Use the circle to represent a compass with a base course and spread. Helpful in orientation and games.
Adds :rotation to show starting orientation for the circle, which is now always 0 degrees.
<Circle :percent="35" stroke-color="#ff5500" :rotation="66">
<span class="demo-Circle-inner">
<Icon type="ios-close-empty" size="50" style="color:#ff5500"></Icon>
</span>
</Circle>
:rotation would be limited 0-360 (degrees clockwise) and possibly (-0 to -360 degrees counterclockwise).
This functionality can be accomplished with Vuetify's circular progress bar using :rotate. It would great if iView offered it too.
1条答案
按热度按时间2vuwiymt1#
Example illustration: