Могу ли я отключить сглаживание для элемента HTML <canvas>?

Нарисуйте линии 1-pixel в координатах, например javascript ctx.lineTo(10.5, 10.5). Рисование линии в один javascript пиксель над точкой (10, 10) означает, что javascript этот пиксель 1 в этой позиции ecmascript простирается от 9.5 до 10.5, в результате ecmascript чего на холсте рисуются две html линии.

Хороший трюк, позволяющий .js не всегда добавлять 0.5 к фактической webpage координате, которую вы хотите span нарисовать, если у вас много vanillajs линий в один пиксель, - это divs ctx.translate(0.5, 0.5) весь ваш холст в начале.