在响应式画布上绘图

Question

我正在尝试创建一个响应式画布，但我已经做到了，但是当我在画布上写东西时，线条非常模糊并且不在同一位置。实际的x和y坐标之间存在间隙和线

//调整画布代码的大小

 function resize(){    

$("#canvas").outerHeight($(window).height()-$("#canvas").offset().top- 
Math.abs($("#canvas").outerHeight(true) - $("#canvas").outerHeight()));
}
$(document).ready(function(){
resize();
$(window).on("resize", function(){                      
    resize();
});
});

如何在鼠标的相同位置完美绘制绘图比例