When commenting code, please observe the following guidelines:
Explain why the code is present, not the syntax or what is being assigned to what.
Bad: context.strokeStyle = 'rgba(0,0,0,0.7)'; // Assign color to strokeStyle
Good: context.strokeStyle = 'rgba(0,0,0,0.7)'; // Set object outline to dark gray
Canvas sets drawing size and CSS attributes.
Context is the 'palette' of colors, brush sizes, and drawing tools.
Context.func(x, y) - X & Y is one vertex or one point on a 2D plane.
Context.func(x1, y1, x2, y2) - Two points on a 2D plane.
When commenting a function, do not skip statements that use X&Y arguments.
Context.beginPath() raises the "pen".
Context.lineTo() draws the line off-screen.
Comments should be placed at the begining (top) of a function or to the right of a statement. Not between two statements.
Copying comments from the text are typically too general to use.