У меня есть пример:
https://developer.mozilla.org/samples/canvas-tutorial/4_5_canvas_linewidth.html
Но первая строка не равна 1 пикселю:
Как я могу это исправить? (браузер Google Chrome)
Неверная строка отображенияWidth = 1 на холсте html5
Ответ 1
Всегда добавляйте 0,5 пикселя к позиции вашей линии, чтобы предотвратить сглаживание.
Ответ 2
Чтобы облегчить жизнь, вы можете перемещать весь холст на 0.5px:
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.translate(0.5, 0.5); // Move the canvas by 0.5px to fix blurring
Он предотвращает сглаживание всей графики, кроме изображений, поэтому вам придется использовать + 0.5px только для изображений.