How to center canvas in the middle?

Question

Canvas

How to center canvas in the middle?

const canvas = document.querySelector("#canvas"),
  ctx = canvas.getContext("2d");

canvas.width = (window.innerWidth * 90) / 100;
canvas.height = (window.innerHeight * 90) / 100;

ctx.fillRect(0, 0, canvas.width, canvas.height);

Answer 1

Here is the solution.
https://codepen.io/MagicMight/pen/abzewde

Answer 2

canvas {
   display: block;
   margin: 0 auto;
}