Get started with HTML canvas

The HTML <canvas> element is a powerful solution for creating pixel-based graphics on the web using JavaScript, and will allow you to create some remarkable effects with a bit of practice. Want other options? Try a website builder and these web hosting providers.

In this tutorial, we'll take a look at creating a canvas object, drawing simple visuals on it and animating those visuals.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Simon Jones

Simon Jones is a technology leader with experience managing product and engineering teams of up to 200 staff, both at startups and large corporates. He is a proficient full-stack developer, in particular with Go & React + TypeScript. He now works at Facebook in London. Formerly CTO at Norwegian VC-backed startup Just, and Engineering Director at Barclays and American Express.