What is canvas API in JavaScript?

The Canvas API in JavaScript provides a powerful way to draw graphics and animations dynamically using JavaScript. It allows the creation of images, shapes, and other visual elements that can be rendered on a web page. The Canvas element offers direct access to rendering pixels and provides a number of methods for drawing text, shapes, and images in a customizable way.

            <canvas id="myCanvas" width="200" height="100"></canvas>
            <script>
                var canvas = document.getElementById("myCanvas");
                var ctx = canvas.getContext("2d");
                ctx.fillStyle = "#FF0000";
                ctx.fillRect(0, 0, 150, 75);
            </script>