Comandi che rimandano ad altri comandi, come moveTo e lineto (il secondo traccia il segmento che congiunge la posizione precedente della penna con un nuovo punto, il primo sceglie una posizione in cui porre la penna), devono essere inseriti all'interno di una sequenza di comandi delimitata da un beginPath() e chiusa da uno stroke.
<canvas width=300 height=150></canvas>
<script>
c = document.querySelector("canvas").getContext("2d")
c.strokeStyle="brown"
c.beginPath()
c.moveTo(10,10); c.lineTo(10,140); c.lineTo(250,140); c.lineTo(250,10)
c.lineTo(20,10); c.lineTo(20,130); c.lineTo(240,130); c.lineTo(240,20)
c.stroke()
</script>
=========
=========