iview [Feature Request] Circle can be oriented in any direction

pdkcd3nj  于 2022-11-05  发布在  其他
关注(0)|答案(1)|浏览(283)

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.

相关问题