S2JS - Introduction to drawing on the canvas : Comments

Let's make things a little clearer by moving all our set-up work into the 'preface' and 'postscript' sections.

They definitely need to be part of a normal HTML page to make things work, but we'll park them to one side so we can concentrate on the bit we're interested in.

The line that starts with the double-slash is called a comment. The computer ignores it, and programmers like us include them to help other programmers (or themselves months later) understand what's going on.

Computer code can be kinda hard for humans to follow, so leaving helpful tips for your future-self is considered good practice.

<HTML> <head> <title> My new Web Page </title> </head> <body> <canvas id=myCanvas width=300 height=300 style="background-color: pink"> </canvas> <script> var ctx = myCanvas.getContext("2d"); // Draw a fill rectange, starting top left x and y, for a width and height ctx.fillRect(10, 10, 20, 20); </script> </body> </html>