{
            context.moveTo(0, client_y_center - i*client_y_step + 0.5);
            context.lineTo(w+1, client_y_center - i*client_y_step + 0.5);
        }
    }
    context.strokeStyle="#999999";
    context.stroke();
    context.closePath();


    context.beginPath();
    context.moveTo(0, client_y_center + 0.5);
    context.lineTo(w, client_y_center + 0.5);
    context.lineTo(w - 12, client_y_center - 5 + 0.5);
    context.moveTo(w, client_y_center + 0.5);
    context.lineTo(w - 12, client_y_center + 5