# All files / utils clearCanvas.ts

100% Statements 9/9
50% Branches 1/2
100% Functions 1/1
100% Lines 9/9

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    181x

    4x
    4x

    4x
    4x
    4x
    4x
    4x

    4x

     export const clearCanvas = (
      canvas: HTMLCanvasElement,
      width: number,
      height: number
    ) => {
      const context = canvas.getContext('2d')
      const dpRatio = window.devicePixelRatio || 1

      // Configure canvas to draw on retina displays correctly
      canvas.width = width * dpRatio
      canvas.height = height * dpRatio
      canvas.style.width = `${width}px`
      canvas.style.height = `${height}px`
      context.scale(dpRatio, dpRatio)

      context.clearRect(0, 0, width, height)
    }