Canvas + JS

[free-as-freedom.livejournal.com]

Подскажите, почему следующий код приводит к отрисовке линий толщиной 2 пикселя?

ctx.strokeStyle="rgb(128,128,128)";
ctx.beginPath();
ctx.moveTo(6, 41);
ctx.lineTo(6, 6);
ctx.lineTo(example.width-6, 6);
ctx.stroke();

Comments

[chabapok.livejournal.com]

в немнет ни одной двойки. Откуда там толщина 2 пикселя возмется?

[free-as-freedom.livejournal.com]

Вот и мне непонятно. Вот такая штука получается:

[chabapok.livejournal.com]

по умолчанию какая-то толщина стоит, вероятно.

я не очень большой знаток канвасов - точней не помогу

[dendrr.livejournal.com]

А без пятой строки? (давайте уж пошагово разбирать, откуда оно прет)

Преференции бы еще знать... Вдруг косяк оттуда.

[free-as-freedom.livejournal.com]

Без пятой строки получается вертикальная линия толщиной 2 px. Попробовал поменять lineWidth, толще становится, тоньше - нет. А какие преференции?

[spamsink.livejournal.com]

В PostScript, у которого практически такие же команды, минимальная толщина линии получается, если ее установить в 0.

[free-as-freedom.livejournal.com]

Не, остаётся такая же толщина.

[spamsink.livejournal.com]

Интернет рекомендует поставить координату, кончающуюся на .5

[free-as-freedom.livejournal.com]

Логично:) Тем не менее сработало! Спасибо. Будем мучиться дальше.

[spamsink.livejournal.com]

Это потому что точка с целыми координатами - не центр пикселя, а угол, как в тетрадке в клеточку.

[free-as-freedom.livejournal.com]

Хорошо, понятно. А вы не могли бы дать ссылку на источник информации про координату .5?

[spamsink.livejournal.com]

http://stackoverflow.com/questions/7545013/canvas-draws-lines-too-thick

[free-as-freedom.livejournal.com]

Спасибо ещё раз!