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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.