canvas element getContext 2d Canvas width and height attributes CSS size versus bitmap size Device pixel ratio scaling clearRect save and restore state Canvas fallback content OffscreenCanvas basics Context options

beginPath moveTo and lineTo closePath stroke fill rect path arc arcTo quadraticCurveTo bezierCurveTo

fillStyle strokeStyle lineWidth lineCap lineJoin miterLimit setLineDash lineDashOffset globalAlpha createLinearGradient

fillText strokeText font property textAlign textBaseline measureText drawImage basic drawImage cropping Image loading before draw createPattern

translate rotate scale transform setTransform resetTransform Transform around a pivot Mirror drawing Coordinate conversion DOMMatrix with canvas

globalCompositeOperation source-over destination-over source-in destination-in lighter blending copy compositing clip path Even-odd fill rule Shadow blur Shadow offsets

getImageData putImageData createImageData Pixel grayscale filter Pixel alpha manipulation requestAnimationFrame Frame delta time Animation loop cancellation Double buffering concept Dirty rectangle rendering

Pointer coordinates Hit testing with isPointInPath Hit testing with isPointInStroke Keyboard-controlled canvas Accessible canvas fallback High-DPI rendering Batch path drawing Avoid layout reads in loop Offscreen rendering Export with toDataURL