The Frontier logo The Frontier logo
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

Looks like you don't have an acocunt. Create an account today to access our collection of screencasts, skill packs, and more.

Subscribers Only

Looks like you don't have an acocunt. Create an account today to access our collection of screencasts, skill packs, and more.

Need Help?

Have questions about this screencast? Start a discussion with our nerds in the community tab.