Canvas в HTML

Canvas предоставляет область для рисования с помощью JavaScript.

Базовый пример:

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
    Ваш браузер не поддерживает canvas.
</canvas>

<script>
    const canvas = document.getElementById("myCanvas");
    const ctx = canvas.getContext("2d");
    
    // Рисуем прямоугольник
    ctx.fillStyle = "red";
    ctx.fillRect(10, 10, 50, 50);
    
    // Рисуем текст
    ctx.font = "20px Arial";
    ctx.fillText("Hello Canvas", 70, 45);
</script>