3.canvas实现刻度仪表盘的绘制

css和html代码没什么好说的，就直接开始js实现：

 var canvas = document.getElementById('canvas'),
        context = canvas.getContext('2d'),
        centroid_radius = 10,
        centroid_stroke_style = 'rgba(0,0,0,0.5)',
        centroid_fill_style = 'rgba(80,190,240,0.6)',
        ring_inner_radius = 35,
        ring_outer_radius = 55,
        annotations_fill_style = 'rgba(0,0,230,0.9)',
        annotations_text_size = 12,
        tick_width = 10,
        tick_long_stroke_style = 'rgba(100,140,230,0.9)',
        tick_short_stroke_style = 'rgba(100,140,240,0.7)',
        tracking_dial_stroking_style = 'rgba(100,140,230,0.5)',
        guidewire_stroke_style = 'goldenrod',
        guidewire_fill_style = 'rgba(250,2