构建一个圆形仪表html 5画布

Bil*_*ill 6 javascript jquery html5 canvas

我正在尝试用帆布制作圆形量规,并且我很难用它.我基本上想要这个:在此输入图像描述只有白色的圆圈,红色的线条,抽搐的标记,小的,然后是每50个更大的一个,以及每100个数字的大抽动标记和针.我真的不关心任何其他写作或银色边框.谁能指出我正确的方向?我对画布很新,但我不想使用任何预构建的库或任何东西.

谢谢!

Wes*_*son 6

这是一个有效的例子.我犹豫是否发布了整个代码,因为当你自己把它放在一起并理解它正在做什么时,它会更好.如果你不确定它是如何放在一起的话,可能很难编辑它来做你想做的事情.我试过评论我能做什么.

虽然看起来不像,但我从Justin的例子开始.我认为这值得一提.

点击仪表可增加压力,加速度等.

http://jsfiddle.net/JdLUw/

输出:

在此输入图像描述