Skip to main content


HTML5 <canvas>: How to draw on our webpage

Eric Yang reveals how to use the HTML5 element to effectively "draw" on a webpage, then use requestAnimationFrame to bring the drawings to life. Eric further describes the simplicity of and demonstrates how JavaScript code linked to the element can act as "paint brushes" to make works of art ranging from green boxes to flashy, mouse-following fireworks. Eric also dives into why requestAnimationFrame is the API of choice when animating shapes on the .

Project Members: Eric (Seung Won) Yang

Find the program that fits your life.

Learn about our coding, cybersecurity, and data analytics bootcamps offered on full-time and part-time schedules.