Anna Sedlar

Creating a HTML5 Erasing Tool

Anna Sedlar | Jul 16, 2018

As a native HTML5 element, canvas is a powerful tool to create engaging, unique web pages. Using just HTML, CSS, and Javascript, we explore a lesser-known property in this screencast called globalCompositeOperation, which allows us to composite new content atop existing content on a Canvas element among many other interesting effects. In this screencast we'll use this property to create a layer-sensitive eraser tool in a drawing app.

For the More Curious...

BNR Guide to Front-End Web Development
Full Stack Courses

Subscribers Only

Transcripts are for subscribers. Create an account today to access our collection of screencasts, skill packs, and more.

Subscribers Only

Project files are only available for subscribers. Create an account today to access our collection of screencasts, skill packs, and more.

Need Help?

If you get stuck, try starting a discussion with Big Nerd Ranch experts in the community tab.

Related Screencasts

Explore other screencasts related to this topic.