What about creating the whole website within a CANVAS?

My own website is a single Canvas and a single big Javascript (from Typescript), so yes it is feasible and it autoscales to be viewed on a mobile phone, also auto-rotating...

If you are interested : www.erroba.be (acronym of my name Erlend Robaye)

I'm sure you could view the source and get some ideas.


Canvas is an element for raster graphics. It's good for parts of the page, but not for whole page. Page is document. It needs to be machine readable too. If your whole website consists of canvas, then search engine bots, screen readers, browsers plugins, and other bits of software won't be able to access it. Creating a website with canvas is like preparing a document with paint program instead of word processor. It's possible but not practical. Could be a good idea for an experiment, but if you are doing this for production, then you should re-consider.


This is just like creating a website using WebGL! We use them for a better visual experience, but they are not usable for screen readers and crawlers. to fix this issue, we can create content for specific devices and hide them on others.