Creating a HTML5 Erasing Tool

By Anna Sedlar on Jul 16, 2018


About

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

Transcript

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

Downloads

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

Comments