Я использую EaselJS в качестве API для холста HTML5.
Я заметил, что следующий код:
line.graphics.setStrokeStyle(1).beginStroke("black").moveTo(100,100).lineTo(200,200);
stage.addChild(line);
... создает следующую строку:
Я установил толщину на 1 - но линия все еще нечеткая. Если вы увеличите масштаб снимка, вы увидите, что он фактически занимает 3 пикселя. Кажется, я где-то читал, что холст рисует точку между двумя пикселями, так что оба пикселя фактически будут окрашены. И вам нужно сместить место, где вы рисуете точку, на половину ширины пикселя, чтобы она приходилась на весь пиксель.
Мне нужно четкое изображение для моих приложений, посоветуйте.