javascript - 图像不是从 Math.random 函数绘制的

Question

我下面的代码应该随机在 Canvas 上绘制岩石的图片。但我目前拥有的代码即使经过多次刷新也不会绘制任何内容。我还可以对 mathRock 函数进行循环，这样我就可以不断获得新的随机岩石，而无需刷新页面，但我不知道要使用哪个循环。

我的岩石生成代码如下:

var num;

var rock = new Image();
        rock.src = "rock.png";

mathRock();
spawnRock();

function mathRock() {
            var x = parseInt(Math.random()* 10);
            document.getElementById("num");
            }

function spawnRock() {
            if (num == 2|| num == 4 || num == 6 || num == 8){ 
                context.drawImage(rock, 500, 450);
                } else {                    
                    }
                }

Answer 1

您的 mathRock 函数是无操作的:它分配给局部变量并执行 DOM 查询，但它不会对该局部变量执行任何操作，或者DOM 查询的结果。

spawnRock 只会看到 num 的 undefined，因为您已声明它但从未为其赋值。

可能是 mathRock 旨在分配给 num 而不是 x，但尚不清楚它的含义(如果有的话)与 DOM 查询有关，或者 spawnRock 中的 context 的来源。