javascript - 如何在 Canvas 上绘制压力表

我想知道是否有人能帮我弄些帆布。我对它很陌生，所以跟我呆在一起。我有一个压力表，我想在画布上动画红色的针（在我的应用程序中，我希望针出来，并用画布重画它）。理想情况下，我希望它传递一个角度，它将从任何位置移动到我传递的新角度（顺时针或逆时针移动），我还可以传递另一个变量来告诉它该往哪个方向移动。
我最初的想法是给它一个0-600的压力，然后计算出在1磅/平方英寸和1度之间的比率。但不太精确，所以没用。
我在想下一步该怎么办。。。我希望有人能帮我在画布，数字，tic标记和针重建这个测量。这样角度和psi的比值就精确了，我知道多少psi=1度。
我的另一个问题是让它动画化。我有动画，如果我通过一个结束的角度，和一个开始的角度。我宁愿只传递一个压力，它就会从原来的位置移到新的角度。
这是我的代码：http://jsfiddle.net/vPu3U/1/
（抱歉，代码太乱了，我还在想办法弄清楚画布）
谢谢！!
编辑：我想我现在已经到了我想动画的时候了。我现在的主要目标是找出抽搐的痕迹。一旦我得到了那些等距的类似图片，我可能会找出针，我几乎有动画下来。因为所有的tic标记彼此之间的距离是相同的，所以我可以计算出每个tic标记（角度）和PSI之间的比率。所以实际上它只是画了一个带有tic标记和数字的半圆。谢谢！

最佳答案

旋转偏置针：
http://phrogz.net/tmp/canvas_gauge.html
在一个环中画tic标记：
http://phrogz.net/tmp/canvas_zoom_to_cursor.html

关于javascript - 如何在 Canvas 上绘制压力表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8935845/