上进的程序猿 2021-12-16 11:49 采纳率: 0%
浏览 134

圣诞树代码运行起来是404

一开始将您的改成了
下面还有一个cancas没有闭合，都改过来之后是404，求博主解答疑问，谢谢啦！

  • 写回答

1条回答 默认 最新

  • CSDN专家-showbo 2021-12-16 11:56
    关注

    404是找不到页面，和代码没关系，标签不闭合只是页面显示有问题，不会404。题主那个静态的，将下将下面的代码存为html后，双击运行就能看效果，不需要通过服务器http协议访问
    css调整了下大小，加了个点击页面后全屏展示的。大概下面这种效果

    img

    
<!DOCTYPE HEML PUBLIC>
<html>
<head>
    <meta charset="utf-8">
    <style>
        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            border: 0;overflow:hidden
        }
    </style>
</head>
<body marginwidth="0" marginheight="0">
    <div style="text-align: center; flex-direction: column; display: flex; width: 1000px; margin: 0 auto;">
        <canvas id="c" height="356" width="446" style="height:1000px"></canvas>
    </div>
    <script>
        var b = document.body;
        var c = document.getElementsByTagName('canvas')[0];
        var a = c.getContext('2d');
        document.onclick = function () {
            c.requestFullscreen();
        }
    </script>
    <script>
        M = Math;
        Q = M.random; J = [];
        U = 16;
        T = M.sin;
        E = M.sqrt;
        for (O = k = 0; x = z = j = i = k < 200;)
            with (M[k] = k ? c.cloneNode(0) : c) {
                width = height = k ? 32 : W = 446;
                with (getContext('2d'))
                if (k > 10 | !k)
                    for (
                        font = '60px Impact',
                        V = 'rgba('; I = i * U, fillStyle = k ? k == 13 ? V + '205,205,215,.15)' :
                            V + (147 + I) + ',' + (k % 2 ? 128 + I : 0) + ',' + I + ',.5)' : '#cca', i < 7;
                    )
                        beginPath(
                            fill(
                                arc(
                                    U - i / 3,
                                    24 - i / 2,
                                    k == 13 ? 4 - (i++) / 2 : 8 - i++,
                                    0,
                                    M.PI * 2, 1
                                )
                            )
                        );
                else for (;
                    x = T(i),
                    y = Q() * 2 - 1,
                    D = x * x + y * y,
                    B = E(D - x / .9 - 1.5 * y + 1),
                    R = 67 * (B + 1) * (L = k / 9 + .8) >> 1,
                    i++ < W;
                )
                    if (D < 1)
                        beginPath(
                            strokeStyle = V + R + ',' + (R + B * L >> 0) + ',40,.1)'
                        ),
                            moveTo(U + x * 8, U + y * 8),
                            lineTo(U + x * U, U + y * U),
                            stroke();
                for (
                    y = H = k + E(k++) * 25,
                    R = Q() * W;
                    P = 3, j < H;
                )
                    J[O++] = [x += T(R) * P + Q() * 6 - 3, y += Q() * U - 8, z += T(R - 11) * P + Q() * 6 - 3, j / H * 20 + ((j += U) > H & Q() > .8 ? Q(P = 9) * 4 : 0) >> 1]
            }
        setInterval(function G(m, l) {
            A = T(D - 11);
            if (l)
                return (
                    m[2] - l[2]) * A + (l[0] - m[0]) * T(D);
            a.clearRect(0, 0, W, W);
            J.sort(G);
            for (
                i = 0;
                L = J[i++];
                a.drawImage
                    (
                        M[L[3] + 1], 207 + L[0] * A + L[2] * T(D) >> 0, L[1] >> 1)) {
                if (i == 2e3)
                    a.fillText
                        (
                            'Happy Christmas!',
                            U, 345);
                if (!(i % 7))
                    a.drawImage
                        (
                            M[13],
                            ((157 * (i * i) + T(D * 5 + i * i) * 5) % W) >> 0,
                            ((113 * i + (D * i) / 60) % (290 + i / 99)) >> 0
                        );
            }
            D += .02
        }, 1)
    </script>
</body>
</html>

    img

    有帮助麻烦点下【采纳该答案】

    评论 编辑记录

报告相同问题？

问题事件

  • 创建了问题 12月16日

悬赏问题

  • ¥25 LT码在高斯信道下的误码率仿真
  • ¥45 渲染完成之后将物体的材质贴图改变，自动化进行这个操作
  • ¥15 yolov5目标检测并显示目标出现的时间或视频帧
  • ¥15 电视版的优酷可以设置电影连续播放吗？
  • ¥50 复现论文；matlab代码编写
  • ¥30 echarts 3d地图怎么实现一进来页面散点数据和卡片一起轮播
  • ¥15 数字图像的降噪滤波增强
  • ¥15 心碎了，为啥我的神经网络训练的时候第二个批次反向传播会报错呀，第一个批次都没有问题
  • ¥15 MSR2680-XS路由器频繁卡顿问题
  • ¥15 VB6可以成功读取的文件，用C#读不了