Chapter 10. Custom Controls

Throughout this book you’ve seen how to implement Canvas-based applications with one or more canvas elements combined with standard HTML controls, such as text inputs and buttons. Standard HTML controls are sufficient for many Canvas-based applications; however, some applications require custom controls, typically because either the controls are not available as standard HTML controls or the control is not supported by all browsers. Another reason to implement your own controls is when you require the same look-and-feel across HTML5-capable browsers.

In this chapter we discuss four controls, implemented from scratch:

• Rounded rectangle

• Progress bar

• Slider

• Image panner

The controls implemented in this chapter ...

Get Core HTML5 Canvas: Graphics, Animation, and Game Development now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.