. draw it using the code shown in Listing 1-8 .Figure 1-5 . Drawing with colors and transparencyCHAPTER 1 ■ HTML5 AND JAVASCRIPT ESSENTIALS9Listing 1-8 . Drawing Images// Get a handle to the. rotating objects before drawing them, as shown in Listing 1-9 .Figure 1-6 . Drawing imagesCHAPTER 1 ■ HTML5 AND JAVASCRIPT ESSENTIALS10Listing 1-9 . Rotating Objects Before Drawing em//Translate. origincontext.rotate(3*Math.PI/4);context.drawImage(image,0,0,60,50 ,-3 0 ,-2 5,60,50);//Restore to original state by rotating and translating backcontext.rotate(−3*Math.PI/4);context.translate(−300, -3 70);e code in Listing 1-9 will draw the...