Ответ 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 только для изображений.