6 ms·
Going Fullscreen with Canvas
- smackfu 15y agoSurprised that escape doesn't work to exit fullscreen.
- jlongster 15y agoI meant to mention that -- Firefox uses ESC to exit fullscreen but Chrome uses Cmd+Shift+F. They need to standardize that.
- cleverjake 15y agoesc works for me on 17.0.942.0 dev on OS X
- Dav3xor 15y agoCrap, I want to use this in my web game, but my users are already used to using esc for other stuff.
- jlongster 15y agoFirefox should be coming out with another API call that lets you have full access to keys in fullscreen mode (http://jlongster.com/2011/11/21/canvas.html#keys http://jlongster.com/2011/11/21/canvas.html#keys). Although you would be breaking the standard convention.
- abrowne 15y agoAnd for me on 16.0.912.41 beta, also on OS X.
- smackfu 15y agoAh yes, I'm on Chrome, and I figured that would be a pretty good way to get someone trapped in full screen.
- ajross 15y agoOutside the mac world, "F11" is a pretty much universal "toggle full screen" binding. Chrome at least supports with on-screen help when you enter full screen mode.
- seanalltogether 15y agoAs you said, F11 is universal for toggling on off, but it's not a good solution when there may be multiple elements on a page which might fight for fullscreen requests. For instance, if I have 4 videos on a page, and F11 is pressed, which video goes full screen? In the context of web browsing, where the user is choosing which elements to launch full screen, the ESC button really should be standardized.
- ajross 15y agoI don't follow. Obviously you can only toggle to full screen for something unambiguous (i.e. the whole browser page). I don't see how pressing ESC helps the user decide which of the videos to launch. But once you're full screen, F11 does indeed get you back to the original state. So I still don't see why ESC is needed.
- smackfu 15y ago>So I still don't see why ESC is needed. The main reason is that you probably got into full-screen by pressing a button, not the F11 key, and now you just want a "get me out of this" key which escape is better for.
- rix0r 15y agoIt also works in Safari 5, surprisingly enough, with ESC to exit fullscreen mode.
- ajuc 15y agoDon't work on my Kubuntu (Chromium 13.0.782.215 (Build 97094 Linux) Ubuntu 11.04 ). Nothing happens when I click the button. EDIT: on Firefox too.
- NHQ 15y agoHey that Gamepad API reads promising. When is there ever going to be a download API?
- roschdal 15y agoThis is great news for HTML5 game developers!
- bazookaBen 15y agoif you're on Chrome 15+, you can use fullscreen in my HTML5 game. http://chrome.private-joe.com http://chrome.private-joe.com fullscreen button is bottom right, when the level loads.
- misterbwong 15y ago<evil> I wonder how difficult it'd be to build a fullscreen browser replacement and have it load automatically. The fake browser could mimic real browser actions and easily mask the url (and all of the browser chrome, for that matter) and inject their own content when a user navigates to an interesting site. All the normal "safe" markers (e.g. green URL bar, security lock on the bottom right, the correct URL) could be shown to the user. Hmm.... </evil>
- jlongster 15y agoThe only way that would be feasible is to use iframes, and you can't inject anything into an iframe.
- mnutt 15y agoIt would be a technical challenge, but they could MITM your entire browsing experience. Fullscreen to canvas, then show what looks like a browser. When someone types something in the URL bar the attacker's backend proxies a request to the real site, loads the content, then renders a canvas page of it. It would probably be too much work for too little payoff to actually make a browser that rendered to canvas, but they could do it for a couple of major target sites like gmail and banks.
- akx 15y agoWell... http://html2canvas.hertzen.com/ http://html2canvas.hertzen.com/
- richtaur 15y agoTo undo fullscreen in Chrome: * Command/Shift/F or * Command/, (going into Preferences disables it)