HTML and CSS Reference
In-Depth Information
Figure 13-14: An arc in
canvas
.
h at changed the drawing from anticlockwise to clockwise, but it made a major dif erence, as
you'll see when you test it.
Next, using the same program, change the line back to:
278
contextNow.arc(125,100,50,six,twelve,true);
h en remove the comment lines (
//
) from the following line:
//contextNow.closePath();
And test it again. h e i nal change to the program will i ll the arc. Uncomment the line from
the following:
//contextNow.fill()
to this:
contextNow.fill()
And add comment lines so that the stroke statement reads:
//contextNow.stroke()
When the changes are made, your arc now looks like a kettle, as shown in Figure 13-15.
