Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Толщина линий в Canvas (https://javascript.ru/forum/dom-window/24334-tolshhina-linijj-v-canvas.html)

kuksha 26.12.2011 16:50

Толщина линий в Canvas
 
Нужно нарисовать в Canvas линию толщиной 1 пиксель.
Даже если я задаю
ctx.lineWidth = 1;
то получаю линию шириной в 2 пикселя. Причём её цвет - средний между фоном и тем, что я задаю. То есть явно работает какое-то сглаживание.
В справках по lineWidth издевательски написано "ширина в пикселях"...

Что делать?

Что получается можно посмотреть здесь:
http://info-7.ru/Astro/nebo_segodnya_geo_ajax2.php
(извините за мусор в этом черновике)

lancer 27.12.2011 01:24

C момента Стержень карандаша

Урок Виртуальный Карандаш
http://htmlmaster.info/canvas3.html

kuksha 27.12.2011 13:32

Спасибо, я только хотел написать, что уже нашёл про смещение на 0.5. :)
К сожалению, это не решает проблему полность, поскольку нет возможность вмешаться в процесс рисования окружностей или наклонных линий всё равно рисуются полутоновые пиксели для сглаживания, чтобы "лесенок" не было.

Вот что получается по описанному способу:
http://info-7.ru/Astro/nebo_segodnya_geo_ajax2.php
а вот ОГРУБЛЁННЫЕ линии в старом способе рисования через GD, такие и хотелось бы получить:
http://info-7.ru/Astro/nebo_segodnya_geo.php?zero=1

Можт быть можно какое-то размытие/сглаживание отключить или огрубление включить?

lancer 29.12.2011 13:50

Думаю никак..
А что, в фотошопе когда делаем круг там разве не такая же проблема? По моему это общие недостатки компьютерной графики. Рисуйте простым карандашом(остроумная шутка).

Зашел, посмотрел - нормальные линии, даже наоборот кривизна придает ощущение компьютерности.


Часовой пояс GMT +3, время: 18:28.