Повысить четкость линий при рендеринге в Canvas на компьютере с Windows / Linux (Device Pixel Ratio <2)?

Я пытаюсь нарисовать структуру, подобную сетке, используя HTML Canvas (2d Context) , но четкость линий в моей сетке туманна, толста и плоха при сравнении моей сетки холста с сеткой Div. Пожалуйста помоги.

context.strokeWidth = 1;
context.lineWidth   = 1;

function scaleCanvas(canvas, width, height) {
        var ratio           = Math.ceil(Math.max(window.devicePixelRatio, 1));
        var context         = canvas.getContext('2d'); 
        canvas.width        = width * ratio;
        canvas.height       = height * ratio;
        canvas.style.width  = width + 'px';
        canvas.style.height = height + 'px';
        context.scale(ratio, ratio);
    }