... curves. context.beginPath();context.moveTo (20 ,20 0);context.quadraticCurveTo (20 ,20 ,20 0 ,20 )context.moveTo(40,300);context.bezierCurveTo(180 ,27 0,150 ,24 0,300,40);context.stroke();Figure 6.4 shows ... SummarycreateLinearGradientStyle creation method x1,y1,x2,y2 Creates a linear gradient’s vectorcreateRadialGradientStyle creation method x1,y1,r1,x2,y2,r2 Creates a radial gradient’s vectorsaddColorStopStyle ... Then we’re drawing it on our Canvas at 125 , 125 , scaled down to a size of 50x25, which is again one-third size because our half of the image is 150x75.6.7 .2 Pattern commandsPatterns work slightly...