解决H5绘制canvas模糊的问题

const cvs = document.querySelector(el)
  // 获取到屏幕倒是是几倍屏。
  const getPixelRatio = function(context) {
    var backingStore =
      context.backingStorePixelRatio ||
      context.webkitBackingStorePixelRatio ||
      context.mozBackingStorePixelRatio ||
      context.msBackingStorePixelRatio ||
      context.oBackingStorePixelRatio ||
      context.backingStorePixelRatio ||
      1
    return (window.devicePixelRatio || 1) / backingStore
  }
　　// 这里的s 就是获取的屏幕像素比
  const s = getPixelRatio(cvs)
  cvs.width = s * cvs.offsetWidth
  cvs.height = s * cvs.offsetHeight

  // 上下文
  const ctx = cvs.getContext('2d')

      <canvas
        width="359"
        height="124"
        id="cvs"
        style="width: 359px; height: 124px"
        >当前内核版本过低, 暂无法使用绘图工具!</canvas
      >