master

分支 (1)

管理

管理

master

utils
/
chatGPT.html

<html>

<head>

    <style>
        canvas {
            background-color: #eee;
        }
    </style>
</head>

<body>
    <canvas id="canvas"></canvas>
    <script>
        var canvas = document.querySelector('#canvas');
        var ctx = canvas.getContext('2d');

        canvas.width = 400;
        canvas.height = 400;

        var x = 0;
        var y = canvas.height / 2;
        var speed = 2;
        var radius = 10;

        setInterval(function() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

            ctx.beginPath();
            ctx.fillStyle = '#000000';
            ctx.arc(x, y, radius, 0, 2 * Math.PI);
            ctx.fill();

            x += speed;
            if (x > canvas.width + radius) x = 0 - radius;
        }, 30);
    </script>
</body>

</html>