Canvas API in JavaScript

Draw on canvas element

IntermediateBrowser APIExample 10 of 15

canvas-api.js

1const canvas = document.getElementById('canvas');
2const ctx = canvas.getContext('2d');
3ctx.fillStyle = 'red';
4ctx.fillRect(10, 10, 100, 100);

Output

// Draws red rectangle on canvas

What's going on

Canvas API enables 2D drawing.