Graphic JavaScript

Back to index


Your browser does not support the HTML5 canvas tag. ASSIGNMENT:
The student will take the applet to the left and add a few items to it. First of all, the student will add four small diamonds (the same size as the one in the center of the example and place them within the four corners of the large diamond (about ten pixels from the edges). The small diamonds in the left and right corners should be filled and the other two diamonds should be stroked. Additionally the student will place four squares in the corners of the canvas area (also about ten pixels from the edges). The top two of these squares should be filled and the bottom two should be stroked. This exercise gives the student practice using the strokeStyle, fillStyles, moveTo, and lineTo methods.