The Frontier logo The Frontier logo
Anna Sedlar

Creating a HTML5 Erasing Tool

Anna Sedlar | Jul 16, 2018

How do I create a HTML5 Erasing Tool?

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.

Supported Links:

globalCompositeOperation Resource