HTML таг canvas редактор на живо

<canvas id="myCanvas" width="300" height="150"> Вашият браузър не поддържа елемента <canvas>. </canvas> <script> const canvas = document.getElementById('myCanvas'); const ctx = canvas.getContext('2d'); // Фон ctx.fillStyle = '#f8f9fa'; ctx.fillRect(0, 0, canvas.width, canvas.height); // Правоъгълник ctx.fillStyle = '#0d6efd'; ctx.fillRect(20, 20, 100, 60); // Окръжност ctx.beginPath(); ctx.arc(200, 75, 40, 0, Math.PI * 2); ctx.fillStyle = '#198754'; ctx.fill(); // Текст ctx.fillStyle = '#212529'; ctx.font = '16px Arial'; ctx.fillText('Canvas пример', 80, 140); </script>