Czy istnieje jakiś sposób na pobieranie danych od użytkownika inny od umieszczania na stronie zwykłego formularza?
<label>Masa </label><input type='number' name='m' />
<input type="button" value="Zapisz" onclick="zapisz()">
Taki sposób działa ale problemy zaczynają się gdy używam pełnego ekranu a wtedy formularz się nie wyświetla.
Czy canvas posiada jakieś elementy pozwalające wpisywać tekst?
A czemu formularz Ci się nie wyświetla na pełnym ekranie?
Jest javascriptowe prompt -> http://www.w3schools.com/js/tryit.asp?filename=tryjs_prompt
Korzystam z tej funkcji, ale nałożony na canvas formularz ignoruje
function fullscreen(){
var el = document.getElementById('canvas');
if(el.webkitRequestFullScreen) {
el.webkitRequestFullScreen();
}
else {
el.mozRequestFullScreen();
}
}
I piszesz rozumiem fullscreena dla dwóch przeglądarek tylko, w dodatku - z jakimiś prefixami, które za parę miesięcy przestaną działać i w efekcie Twój skrypt przestanie działać? Tu masz przykład jak z tego korzystać: http://www.designedbyaturtle.co.uk/2012/html5-fullscreen-api/
I tak, jak tylko jeden element ładujesz do fullscreena to wiadomo, że nic innego nie będzie widać (absolutne pozycjonowanie css nie ma znaczenia). Wsadź formularz w jakiś element nadrzędny razem z canvas - i potem ten element nadrzędny ładuj do fullscreena.
Dzięki za podpowiedź, umieściłem całą zawartość strony w divie i teraz fullscreen działa jak powinien :)
I tutaj pojawia się kolejny problem.
Canvas mam ustawiony na wysokość i szerokość strony
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
Podczas fullscreena na ekranie brakuje ok 100px wysokości które w trybie okna wykorzystywane jest na pasek startu i okno przeglądarki,
Narzędzia webdeveloperskie.
Np. w Operze odpalasz konsolę, wpisujesz window, enter i widzisz jakie dane przechowuje w sobie ten obiekt, w tym:
http://i.imgur.com/bMJ14BE.jpg
Nie wiem jak dojść do tego w innych narzędziach webdev - zakładam, że podobnie.
Więc zapewne interesuje Cię window.screen.width i window.screen.height
