Question

我目前正在学校的实验室工作，该实验室涉及使用画架js库在浏览器中渲染形状。在练习之后，我遇到了这个错误，我对编码还很陌生，并且希望能就这里到底发生了什么以及如何解决这种情况提供一个答案。根据实验室目前的说法，在编写代码的过程中，网页上应该显示一个灰色正方形，但没有。

<!DOCTYPE html>
<html>
    <head>
        <title>Recipe: Drawing a square</title>
        <script src="easel.js"></script>

        <script type="text/javascript">
            var canvas;
            var stage;
            function init() {
                canvas = document.getElementById('myCanvas');
                stage = new Stage(canvas);
                var square = drawSquare();
                stage.addChild(square);
                stage.update();
            }
            function drawSquare() {
                var shape = new Shape();
                var graphics = shape.graphics;
                graphics.setStrokeStyle(5);
                graphics.beginStroke(Graphics.getRGB(20, 20, 20));

                graphics.beginFill(Graphics.getRGB(20, 20, 20));
                graphics.rect(5, 5, 70, 70);

                return shape;
            }
            function randomColor(){
                var color = Math.floor(Math.random()*255);
                var color2 = Math.floor(Math.random()*255);
                var color3 = Math.floor(Math.random()*255);
                return Graphics.getRGB(color, color2, color3)
            }
        </script>
</head>
<body onload="init()">
        <canvas id="myCanvas" width="960" height="600"></canvas>
</body>
</html>

未捕获ReferenceError：未定义阶段

0 个答案: