Asp.net/Openlayers4: как я могу удалить изображение холста?

Question

Я работаю над проектом asp.net.Я пытаюсь сделать снимок карты, используя следующий код:

    map.once('postcompose', function (event) {

            var img = document.getElementById("source");

            event.context.canvas.getContext('2d').drawImage(img, event.context.canvas.width / 2 - img.width / 2, (event.context.canvas.height / 2 - img.height / 2)-20);
            var canvas = event.context.canvas;

            canvas.toBlob(function (blob) {

                var reader = new FileReader();
                reader.readAsDataURL(blob,1);
                reader.onloadend = function () {

                    base64data = reader.result;
                    sendImage(base64data);

                }

Изображение, которое у меня есть, размыто, как я могу его очистить?Линии карты тоньше, чем они появляются на изображении.После нажатия кнопки печати линии становятся толще