dhowe / ReadersJS

1 stars 4 forks source link

allow a mode that can be made full screen (for most browsers) and is interface-free ('chromeless'). #28

Open shadoof opened 7 years ago

cqx931 commented 7 years ago

I can create a "full screen" mode that reloads the page with a canvas that equals to the size of the browser window. A button that leads back to the normal mode would be shown if any mouse movement is detected. The button would disappear after the mouse stops moving for a certain seconds.

The browser interface should be hidden from the user side.

dhowe commented 7 years ago

what happens to the text on a very big window, say 2500x1600 or bigger?

cqx931 commented 7 years ago

There are two ways to do this, and it depends on what this full-screen mode is targeting at.

  1. Fixed Font size and layout details with a maximum sketch width
  2. Relative font size and spacing so that it is always full screen

The first condition is more suitable for a user viewing the sketch from a large screen while the second one is more suitable for exhibition setup.

Also, the ratio of the sketch should be maintained when it changes according to the browser window.

dhowe commented 7 years ago

@shadoof?