HTML5 Canvas: рисуем отрезок толщиной в 1px

При изучении HTML5 и Canvas первое, что хочется сделать — это нарисовать отрезок толщиной в 1 пиксель. Оказалось, что задать толщину в 1px не достаточно, надо ещё к координатам концов отрезка добавить полпикселя. Ниже на canvas'e я вывел "толстый" и "тонкий" отрезок:

<canvas id="sample1" width="100" height="100" style="border: 1px solid black">
</canvas>
<script type="text/javascript">
var ctx = document.getElementById('sample1').getContext('2d'); 
ctx.strokeStyle = "black";
ctx.fillStyle = "black";
ctx.lineWidth = 1;

// рисуем "толстый" отрезок
ctx.beginPath();
ctx.moveTo(25, 5);
ctx.lineTo(25, 95);
ctx.stroke();

// рисуем "тонкий" отрезок
ctx.beginPath();
ctx.moveTo(45.5, 5.5);
ctx.lineTo(45.5, 95.5);
ctx.stroke();

</script>