yunchuang
/
edu_train_web_new


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        * { padding: 0px;margin: 0px; }
        html, body { width: 100%;height: 100%; }
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #1a1a1a;
        }

        canvas {
            /* border: 1px solid #333;
            border: 1px solid #333; */
        }

        * {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            -khtml-user-select: none;
            user-select: none;
        }

        .mainTxt {
            position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #1a1a1a;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
            color: #ffffff;
            font-weight: 700;
        }

    </style>
    <title>程序启动中</title>
</head>
<body>
    <div class="mainTxt">
        程序启动中
    </div>
    <!-- <canvas id="loadingCanvas" width="200" height="200"></canvas>
    <script>
        const canvas = document.getElementById('loadingCanvas');
        const ctx = canvas.getContext('2d');
        const centerX = canvas.width / 2;
        const centerY = canvas.height / 2;
        const radius = 70;
        let startAngle = 0;
        const speed = 0.03;

        // 创建渐变色
        const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
        gradient.addColorStop(0, '#00ff00');
        gradient.addColorStop(0.5, '#00ffff');
        gradient.addColorStop(1, '#ff00ff');

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

            // 设置阴影
            ctx.shadowBlur = 20;
            ctx.shadowColor = '#00ff00';

            ctx.beginPath();
            ctx.arc(centerX, centerY, radius, startAngle, startAngle + Math.PI * 1.5);
            ctx.lineWidth = 15;
            ctx.strokeStyle = gradient;
            ctx.stroke();

            startAngle += speed;
            requestAnimationFrame(draw);
        }

        draw();
    </script> -->
</body>
</html>