Центрирование холста

Question

Как мне разметить страницу с помощью HTML5 canvas, чтобы canvas

1. Занимает 80% ширины

2. Имеет соответствующую высоту и ширину пикселя, которые эффективно определяют соотношение (и пропорционально поддерживаются, когда холст растягивается до 80%)

3. Центрируется по вертикали и по горизонтали

Вы можете предположить, что canvas - единственное на странице, но не стесняйтесь инкапсулировать его в div с при необходимости.

Answer 1

Учитывая, что холст ничто без JavaScript, используйте JavaScript также для определения размера и позиционирования (вы знаете: onresize, position:absolute и т. Д.)