使用HTML5 Canvas和Javascript我需要在圆圈内的不同角度显示不同的值(可能用点表示) .
示例数据:
val 34%@ 0°,
val 54%@ 12°,
val 23%@ 70°,
等等...
如果我有300 x 300px的画布并且圆的中心位于x:150px且y:150px,半径为150px,我将如何计算在12度时将点设置为54%的位置?
我的数学有点可怕xD
我会感激任何帮助,如果我不够清楚,请提出问题 .
感谢您的倾听,并提前感谢您的深刻见解:D
编辑(更详细解释):
这是一张图片来说明我想要完成的任务:
我希望这使我的问题更容易理解 .
(如您所见,与上述值不同)
Ty耐心等待!
2 回答
您可以使用它从极坐标(半径,角度)转换为笛卡尔坐标:
例如,如果要以12°绘制,可以像这样计算点:
EDIT : my
polarToCartesian
函数将radians作为输入,与Canvas API中的许多函数一样 . 如果你更习惯学位,你可能需要这个:你走了(demo)