echartsc 怎样处理canvas画图模糊的问题？

Question

echartsc 怎样处理canvas画图模糊的问题

一般情况下我们用canvas画图的时候由于设备的实际像素和canvas的尺寸内的像素不一直会导致图像模糊，为了解决这个问题我们常见的方式是

  // 计算设备的dpr
        function setupCanvas(canvas) {
          var dpr = (scale = window.devicePixelRatio || 1);
          var rect = canvas.getBoundingClientRect();
          canvas.width = rect.width * dpr;
          canvas.height = rect.height * dpr;
          canvas.style.width = rect.width + "px"
          canvas.style.height = rect.height + "px"
          return canvas;
        }

在canvas标签的width 属性和样式width 是dpr 倍的关系

但是echarts里面 不是这种情况

echarts中canvas标签的width 属性和样式width 是一样的大小
那么echarts 是怎样处理canvas模糊问题的？

Answer 1

已经解决，看博客canvas绘图不清晰的解决方案