12.9 Face Web Page

So far in this chapter, we’ve introduced constructs with one simple web page for each new construct. That helped us clarify each construct’s syntax and semantics. But in the interest of keeping our focus narrow, we glossed over a few style issues. In this section, we present a web page that uses many of the constructs covered previously, and it emphasizes style issues that are important for canvas code.

See the Face Web Page in FIGURE 12.12. The outer black rectangle shows the canvas area’s border. The border is normally invisible, but while we’re building the web page, we make the border visible (with a CSS rule shown in FIGURE 12.13) to provide a reference for the shapes’ positions within the canvas drawing area. Note ...

Get Web Programming with HTML5, CSS, and JavaScript 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.