canvas绘图不清晰

查资料是这么说的：canvas 绘图时，会从两个物理像素的中间位置开始绘制并向两边扩散 0.5 个物理像素。当设备像素比为 1 时，一个 1px 的线条实际上占据了两个物理像素（每个像素实际上只占一半），由于不存在 0.5 个像素，所以这两个像素本来不应该被绘制的部分也被绘制了，于是 1 物理像素的线条变成了 2 物理像素，视觉上就造成了模糊。

//获取设备的像素比
          getPixelRatio(context){
              let backingStore = context.backingStorePixelRatio ||
                  context.webkitBackingStorePixelRatio ||
                  context.mozBackingStorePixelRatio ||
                  context.msBackingStorePixelRatio ||
                  context.oBackingStorePixelRatio ||
                  context.backingStorePixelRatio || 1;
              return (window.devicePixelRatio || 1) / backingStore;
          },
          //使用canvas绘图
          changeImg(){
               // 创建自定义 canvas 元素
               const canvas = document.createElement("canvas");