javascript动态数组 - 隐藏一个问题

问题描述

问 题

特殊原因，隐藏问题
请大家谅解

这个问题已被关闭，原因：与技术无关、讨论类、对他人无用

解决方案

canvas 中圆的起始角 0 为 3 点钟方向，一个满圆的结束角度是 2π，半圆即为 2 * 0.5π，四分之一圆为 2 * 0.25π，推导出公式 2 * N * π，N 为所占圆的比例。

代入数据：

假如数据 5 为 30%，那么结束角为 2 * 0.3π；
假如数据 4 为 28%，由于是逆向，所以结束角度为 2 * (1 - 0.28)π，好在 canvas 可以选择正反绘图方向；
下一步，5 和 4 的结束角变成 2 和 3 的起始角，计算是一样的；
依次类推……

这样最后画出的圆是从 3 点钟方向开始的，而你的需求起始是 12 点钟方向，最后可以把画布向左旋转 45 度。
也可以在一开始就代入起始角度计算结束角，正向公式为：(S + 2 * N) * π，反向为：(S - 2 * N) * π，S 为起始角，比如你的是 1.5。

闲来无事，写个 Demo。
https://jsfiddle.net/imys/bt2zLvc5/

这篇关于javascript动态数组 - 隐藏一个问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！