Необычное поведение метода lineTo() в HTML5 Canvas

Имеется код, вот его фрагмент:

ctx.lineWidth = 50;
ctx.strokeStyle = "olive";
ctx.beginPath();
ctx.moveTo(150, 150);
ctx.lineTo(450, 150);
ctx.lineTo(450, 450);
ctx.lineTo(150, 450);
ctx.lineTo(150, 150);
ctx.stroke();
ctx.closePath();

Теоретически код должен рисовать на холсте квадрат, однако на практике получается следующая картинка (обратите внимание на верхний левый угол):

Теперь вопрос: это ошибка в реализации Canvas или с моим кодом что-то не так? [Предположим, что у меня есть функция, рисующая один квадрат и принимающая координаты одного из его углов, длину его стороны и толщину линии и, следовательно, нет возможности каждый раз заново корректировать входные данные последнего метода lineTo()]