Diving into Drawing Properties with a Large Image

In this section, we will examine some methods used to draw a large image on the canvas. The image we are going to use is from a recent vacation to Central California. It is a large .jpg file, measuring 3648×2736. Obviously, this is far too large to view in a single canvas, so we will build some examples that will allow us to use and manipulate the drawing properties for an image larger than the size of the canvas.

Figure 4-11 is a scaled-down version of this image.

A scaled-down version of the image we will zoom and pan

Figure 4-11. A scaled-down version of the image we will zoom and pan

Get HTML5 Canvas, 2nd Edition 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.