JavaScript Canvas Guide
The Canvas API provides a 2D drawing surface for graphics, images, text, and animations. The guide walks through Drawing & Text. Get context: `canvas.getContext("2d")`. Rect: fillRect, strokeRect. Paths: beginPath, moveTo, lineTo, arc, bezierCurveTo, fill, stroke. Styles: fillStyle, strokeStyle, lineWidth. Text: font, fillText, strokeText. Images: drawImage(img, dx, dy). Animations: requestAnimationFrame loop. The guide is organized into 1 sections that build on each other, each pairing a prose explanation with runnable code. Related guides: Arrays, Strings, Numbers, Math, Date. This is one of 145 JavaScript guides on JS Reference — see the full list on the guides page. Practice what you learn in the JavaScript playground, and look up any unfamiliar term in the JavaScript glossary.