[p.....o]

@michal__q: jsfiddle.net udostepnij co masz, moze ktos pomoze

[michal__q]

@pendeho: http://jsfiddle.net/zfaPf/1/ Taką prowizorkę zrobiłem, pierwsza kreska jest prawidłowo, linia ma 1px ale działa na wartościach niecałkowitych, druga kreska jest narysowana na wartościach całkowitych, ale wychodzi rozmazana, czy da się zrobić tak, żeby obie kreski miały realnie 1px?

[zakowskijan72]

@michal__q: Zastanów się. Jak linia ma szerokość 1 piksela i rysujesz ją na 100, to znaczy że LEWA krawędź linii zaczyna się na 99.5, a prawa kończy na 100.5

[michal__q]

@zakowskijan72: Tzn domyśliłem się jak to działa, chociaż według mnie głupie rozwiązanie, bo skoro linię rysuje dajmy na tym x=100 to dla 1 piksela powinna rysować na całym setnym pikselu od lewego jego boku do prawego. Chodzi mi o to jak zlikwidować efekt rozmazania, żeby piksele były 'twarde' bez łagodnych przejść, oczywiście mógłbym dodać te 0.5 do każdego ale sprawa się komplikuje jak zrobię linię skośną ;)

[zakowskijan72]

bo skoro linię rysuje dajmy na tym x=100 to dla 1 piksela powinna rysować na całym setnym pikselu

@michal__q: Kolego - jak mawiał mój wykładowca ze studiów: albo liczymy słupki, albo odstępy. W tym wypadku numerujesz odstępy. Piksel jest "kwadracikiem" o szerokości jednego piksela i wysokości jednego piksela. Ten w lewym górnym rogu ekranu ma lewy górny róg na 0,0, a prawy dolny na 1,1. Czyli środek na 0.5, 0.5

[p.....o]

@michal__q: tu masz przyklad jak to zrobic http://jsfiddle.net/zfaPf/2/ za przykladem z http://stackoverflow.com/questions/4261090/html5-canvas-and-anti-aliasing