Question

我是编程新手，现在我已经开了几个星期的在线课程了。我必须做一个有（3）分的程序。制作一个变换为正方形和矩形的图形，使其在点击时变为各种颜色，最后在屏幕上写出图形的尺寸。昨晚我得到了前2分，但是现在当我打电话给JQUERY时，它会让所有页面都空白。 `

<canvas id="canvas" width="400" height="400"></canvas>

<script src="https://code.jquery.com/jquery-2.1.0.js"></script>

<script>

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var color = ["Red", "Pink", "SkyBlue", "Grey", "Purple", "Orange"]; 

ctx.fillStyle = color [Math.floor(Math.random() * color.length)];

var posicion = 0;
var tamano = 0;
var clicks= 0;    

setInterval(function () {
    ctx.clearRect(0, 0, 400, 400);
    ctx.fillRect(posicion, 0, tamano, 400-tamano);

    posicion++;
    tamano++;

    if (posicion > 400){
        posicion = 0;
        tamano = 0;
    }
}, 30);

`

我使用此代码调用JQUERY，但现在它似乎无法正常工作。任何帮助都非常感谢。

$("canvas").click(function(){
   ctx.fillStyle=color [Math.floor(Math.random() * color.length)];

Answer 1

您没有~/.local/share/kservices5/ServiceMenus/电话的正确标记。您遗漏了最后jQuery的{{1}} closing，brackets和parentheses。

以下是更正后的代码：

semicolon

});

点击颜色变化和图形尺寸[JS]

1 个答案: