Холст не принимать на полный экран

разрешение

Мой ноутбук экрана: 1366x768Холст не принимать на полный экран

var c=document.getElementById("canvas"); 
var ctx=c.getContext("2d"); 
ctx.canvas.width = window.innerWidth; 
ctx.canvas.height = window.innerHeight;

Этот код создает 1366x600 холст (хром), так как светлячок и IE создает различную ширину холста и высоту. Может ли это сделать весь экран? Тестирование всего в полноэкранном режиме

источник

2013-08-01 Myrez

вы ищете 'outerHeight'? – stackErr

Вы хотите сказать, что холст не заполняет ваше окно браузера? Или вы хотите скрыть элементы браузера (панель закладок, кнопки назад/вперед, панель url), чтобы заполнить весь экран? –

Я хочу ввести полный экран и сделать холст, чтобы взять все пространство. и да, я не заполняю окна браузера даже без полноэкранного режима. – Myrez

Похоже, вы хотите использовать полноэкранный API HTML5. Вот хорошая статья по этой теме.

https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Using_full_screen_mode

Короче говоря, ваш холст элемент просит быть представлен в полноэкранном режиме, так как:

var canvas = document.getElementById("canvas"); 
canvas.requestFullscreen();

выше связана статья должна объяснить детали и кросс-платформенные предостережения в деталях.

Если вы хотите просто сделать холст занять все свободное место в окне браузера, это займет всего несколько CSS. После того, как прибегая к помощи «полноэкранным холст» это третье звено, которое показывает требуемую CSS, чтобы сделать его работу:

http://jsfiddle.net/jaredwilli/qFuDr/

источник

2013-08-01 20:24:48

поэтому без полноэкранного API canvas can not использовать все пространство в браузере? потому что даже без полноэкранного холста isint использует все пространство в браузере. isint, используя только высоту – Myrez

Я неправильно понял ваш комментарий? «Я хочу войти в полноэкранный режим и сделать холст, чтобы взять все пространство», я понял, что вы хотите, чтобы ваш контент был в полноэкранном режиме, и вы хотите, чтобы элементы управления браузером исчезли. –

Да, я делаю, но .. элемент canvas isint использует все пространство в браузере даже без полного экрана, и я хочу сначала заполнить все пространство браузера, чтобы я мог видеть только холст. – Myrez

Холст не принимать на полный экран

ответ

Смежные вопросы