Когда я пытаюсь нарисовать черную линию одного пикселя с помощью следующего кода:

    context.strokeStyle = '#000'; 
    context.beginPath();
    context.moveTo(x1, y1); 
    context.lineTo(x2, y2);
    context.lineWidth = 1;
    context.stroke();
    context.closePath();  

У меня больше одной пиксельной линии с серой рамкой. Как это исправить?

Вот примерhttp://jsfiddle.net/z4VJq/