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);

                }

我的图像模糊不清，我该如何消除模糊？ 地图线比图像中的线细。单击打印按钮后，线条会变粗