Question

我想要找到的是如何使这个工作，所以它在位置100,100处创建一个红色框，使用函数作为我的主函数和另一个函数来绘制图像但我希望它在不同的js文件。 2个js文件和1个html文件。

Code screenshot

代码 // HTML代码

        <!DOCTYPE html>
<html lang ="en">
    <head>
        <meta charset="UTF-8">
        <title>Prufa Einar</title>

    </head>
    <body>
        <canvas id = "myCanvas" width="600" height = "600"
            style ="border: 1px solid black;">
        <script type = "text/javascript" src "draw.js"></script>
        <script type = "text/javascript" src "main.js"></script>

        <script type = "text/javascript">
            main();
        </script>

    </body>
</html>
//first js.file
var canvas;
var ctx;
var main = function()
{
        canvas = document.createElement("canvas");
        ctx = canvas.getContext("2d");
        document.body.appendChild(canvas);
        draw(ctx);
};
//second js file
var draw = function(ctx)
{
    {
        ctx.fillStyle = "Red";
        ctx.fillRect(100,100,20,20);
    }
};

Answer 1

在src之后看起来你需要等号。 SRC = “”

并且画布从头部进入身体而不是

我使用html连接js文件时遇到问题

1 个答案: