canvas stroke()をした時の線の縁をぼやけさせない様にする方法について

javascriptを使用しcanvasでペイントツールを作成しています。

このとき stroke()関数を使って太い線を引いた時に、縁が実際に指定したRGBとは違う値が出てきてしまいます。
アンチエイリアス処理が働いている様ですが、これをやらない方法はあるのでしょうか？
コンテキストのアンチエイリアス処理はOFFにしてありますがそれでもなってしまいます。

 ctx.beginPath();
 ctx.lineWidth = 10;
 ctx.moveTo(startX, startY);
 ctx.lineTo(endX, endY);
 ctx.stroke();

この様な処理で線を書いています。
startとendはマウスイベントで取得しています。

この時こうなってしまいます。

こうなってほしいです。(ペイントで少し修正しました。)

どなたか分かる方ご教授お願いします。