HTML 5 Canvas arc（）和lineTo（）在圆圈周围绘制标签

Question

我有一个画在画布上的圆圈。我想在这个圆圈周围绘制类似于标签的物体，使用2个弧线，每个弧线在一端连接一条以一定角度绘制的线条。不幸的是，因为lineTo（）方法只接受x＆amp; y坐标我必须能够在这些条件下翻译我想要绘制的位置。

我可以绘制第一个弧，从第4点到第1个，但我不知道如何得到1的x和y坐标，也不知道如何弄清楚2的x和y坐标需要什么是。一旦我在2，我只需要增加半径以从2到3（或3到2）绘制弧，但是我需要知道如何获得4的x，y坐标以便我可以调用lineTo（）并传递x和y为4.我认为这可能是一些涉及Math.sin（）和Math.cos（）的简单几何或三角函数，但我有点困难时间搞清楚。 / p>

Answer 1

我使用的是HTML5 Roulette Wheel。

这将为您提供您喜欢的标签，并且您可以使用标签之间的间距。

您不需要lineTo，您可以使用每个“标签”的填充和描边来创建该效果。