如何在画布上绘制压力表

Question

我想知道是否有人可以帮我解决一些Canvas问题。我很陌生，所以和我在一起吧。我有这个压力表，我想在画布上设置红色针的动画（在我的应用程序中，我将针刺出来，并用帆布重新绘制）。理想情况下，我希望它传递一个角度，然后它会从原来的位置移动到我传递的新角度（顺时针或逆时针移动）我还可以传递另一个变量来告诉它要走哪条路。

我最初的想法是将压力传递给0-600，并找出1 psi和1度之间的比率。但它不是太精确，所以它不起作用。

我想知道接下来要做的事情是什么......我希望有人可以帮我在帆布，数字，抽搐标记和针上重新创建这个尺度。这样，角度和psi之间的比率就是精确的，我知道有多少PSI = 1度。

我的另一个问题是让它变为动画。如果我传入一个结束角度和一个起始角度，我会给它制作动画。我宁可只传递一个压力，它会从原来的位置移动到新的角度。

以下是我的代码：http://jsfiddle.net/vPu3U/1/ （对于凌乱的代码感到抱歉，我还在试图找出画布）

谢谢！

编辑：我想我现在已经找到动画了。我现在的主要目标是找出抽动标记。一旦我得到那些看起来与图片相似的等间距，我就可能能够找到针头并且我几乎将动画放下了。由于所有的抽动标记彼此之间的距离相同，我可以计算出每个标记（角度）和PSI之间的比例。所以真的只是用抽搐的标记和数字绘制半圆。谢谢！

Answer 1

旋转偏置针：
http://phrogz.net/tmp/canvas_gauge.html

在戒指中绘制刻度线：
http://phrogz.net/tmp/canvas_zoom_to_cursor.html