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
• Image panner
The controls implemented in this chapter ...