Как центрировать canvas по середине?

Question

[Ibishka]

Как центрировать canvas по середине?

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);

Comments

[Алексей Ярков]

Вы здесь не центрируете, а размер канвасу задаёте

[Ibishka]

Алексей Ярков, Я знаю да вопрос читайте!

[Алексей Ярков]

Ibishka, прочитал. И что там? Там нет попыток центрировать. Ну вот так например: https://jsfiddle.net/yarkov_aleksei/sbtvrdn3/

[Ibishka]

Алексей Ярков, По вертикали и горизонтали нужно

[Максим]

Ibishka, Алексей Ярков хорошо шарит в этой штуке а вот я не компетентен

[Ibishka]

Алексей Ярков, я просто представил свой код.

[Ibishka]

Максим Ленский, хорошо

[Алексей Ярков]

Ibishka,

По вертикали и горизонтали нужно

ОК, Гугл! css выравнивание по вертикали и горизонтали

[Максим]

Алексей Ярков, Лёха ты ваще :))

[Ibishka]

Алексей Ярков, для канваса спец ничего нет ? Ок понятно

[Алексей Ярков]

Максим Ленский, ненуачо? =)

[Максим]

Алексей Ярков, да я ваще просто так :))

[Максим]

Ibishka, https://codepen.io/topicstarter/pen/JjogWrO

Answer 1

[MagicMight]

Вот решение.
https://codepen.io/MagicMight/pen/abzewde

Answer 2

[Ilya Muromtsev]

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