Javascript HTML5画布-什么'；画一条越来越粗的线到底最简单的方法是什么？

画一条越来越粗的线最简单的方法是什么？ 像这样：

这是一个时钟项目，所以我希望线x和y的点不是常数，我的意思是，线应该围绕一个点旋转，使用sinus和cosinus no ctx。仅旋转数学

---

简单地说，如何使线条围绕黑点旋转？

对于原点位于左上角的HTML5画布，从垂直方向顺时针旋转的点的一般公式如下：

其中，

[cx，cy]

是时钟的中心点，

θ

以弧度为单位测量

对于时钟手柄，只需使用这些公式三（或四）次，具体取决于您希望手柄结束于点（即三角形）还是线（即平行四边形）

根据所需的时间计算θ，然后针对每个点调整θ（并选择合适的θ），以获得所需的形状

---

请参见HTML5画布的演示，其原点位于左上角，从垂直方向顺时针旋转的点的一般公式如下：

其中，

[cx，cy]

是时钟的中心点，

θ

以弧度为单位测量

对于时钟手柄，只需使用这些公式三（或四）次，具体取决于您希望手柄结束于点（即三角形）还是线（即平行四边形）

根据所需的时间计算θ，然后针对每个点调整θ（并选择合适的θ），以获得所需的形状

---

请参见演示

到目前为止，您得到了什么？一条越来越粗的线通常被称为三角形或三边多边形。是的，无论您如何称呼它都无所谓，但您得到了正确的图片？苏欧，我怎么才能解决这个问题？@Mich试试弧线？我在《这很好》中举了个例子，但问题是旋转轴在顶部而不是底部……到目前为止，你得到了什么？一条越来越粗的线通常被称为三角形或三边多边形。是的，不管你怎么称呼它都无所谓，但你得到了正确的图像？苏欧，我怎么才能解决这个问题？@Mich试试弧线？我在《It’s great》中做了一个例子，但问题是旋转轴在顶部而不是底部…@Mich这是我自己的时钟的“更最终”版本-@Mich这是我自己的时钟的“更最终”版本-

var x = cx + r * Math.sin(theta);
var y = cy - r * Math.cos(theta);