Drawing more shapes with code (Opens a modal) Challenge: Waving snowman ... Learn how to display text on the canvas, resize it, color it, and animate it. Learn. const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d') Drawing connected lines. Each call of lineTo() (and similar methods) automatically adds to the current sub-path, which means that all the lines will all be stroked or filled together.
Draw a line following the heart shape – start at the top and do a nice curvy shape (like a very loose letter S) . Make a pointy (V) shape. and bring it to the bottom of the heart. Step 5. Make a similar shape on the other end of the heart, this time without the pointy tip, draw the line so that it touches the previous shape. Step 6