Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<body>

    <canvas id="myCanvas" width="200" height="120" style="border:1px solid #cbd5e1; border-radius:8px;"></canvas>

    <script>
        const c = document.getElementById("myCanvas");
        const ctx = c.getContext("2d");
        
        // Gambar lingkaran merah
        ctx.beginPath();
        ctx.arc(100, 60, 40, 0, 2 * Math.PI);
        ctx.fillStyle = "#e11d48";
        ctx.fill();
        ctx.stroke();
    </script>

</body>
</html>

Hasil Tampilan (Browser Preview)