Canvas 我不能在画布上画画_Canvas

Canvas 我不能在画布上画画

canvas

Canvas 我不能在画布上画画,canvas,Canvas,我一直试图用html在基本画布上画画，但我似乎做不到。我看过很多教程，但似乎都不能帮助我在画布上画画。我也在互联网上寻找答案。在这个过程中，我写了一些脚本，其中合并了一些教程一起 function draw(){ var canvas = document.getElementById("mindmap"); var myCanvas = canvas.getContext("2d"); myCanvas.fillStyle = 'black'; myCanv

我一直试图用html在基本画布上画画，但我似乎做不到。我看过很多教程，但似乎都不能帮助我在画布上画画。我也在互联网上寻找答案。在这个过程中，我写了一些脚本，其中合并了一些教程一起

function draw(){
    var canvas = document.getElementById("mindmap");
    var myCanvas = canvas.getContext("2d");

    myCanvas.fillStyle = 'black';
    myCanvas.fillRect(20, 20, 20, 20);
}

我试图实现的是让整个画布变黑，但这对我不起作用

完整代码如下：

    <html>
        <head><meta http-equiv="Content-Type" content="text/html; 
    charset=windows-1252">
            <title>Title</title>
            <style type="text/css">
                #header{
                    background-color:rgb(200, 150, 150);
                    font-family: monospace;
                    margin: 0px 0px 10px 0px;
                }
                canvas{
                    border: 1px solid black;
                }
            </style>
            <script>
            function draw(){
                var c = document.getElementById("mindmap");
                var ctx = c.getContext("2d");
                ctx.fillStyle = 'black';
                ctx.fillRect(20, 20, 20, 20);
            }
            </script>
        </head>
        <body>
            <h1 id="header">Title</h1>
            <canvas id="mindmap" width="400" height="400"></canvas>
            <p>My canvas work</p>
        </body>
    </html>


标题
#标题{
背景色：rgb（200150150）；
字体系列：monospace；
保证金：0px 0px 10px 0px；
}
帆布{
边框：1px纯黑；
}
函数绘图（）{
var c=document.getElementById（“mindmap”）；
var ctx=c.getContext（“2d”）；
ctx.fillStyle='黑色'；
ctx.fillRect（20,20,20,20）；
}
标题
我的油画作品

代码看起来不错，应该画得很好

唯一可能让你绊倒的是画布的id…
确保

mindmap

是画布id

var canvas=document.getElementById（“mindmap”）；
var myCanvas=canvas.getContext（“2d”）；
myCanvas.fillStyle='black'；
myCanvas.fillRect（20,20,20,20）；
myCanvas.fillRect（40,40,20,20）；
myCanvas.fillRect（65,65,20,20）
浏览器控制台中会出现哪些错误？如何调用函数？一个基本的例子对我有用。请提供一个更完整的代码例子，并指定你在浏览器中遇到的任何错误console@j08691我在控制台中没有看到任何错误，也没有像您在示例中那样调用draw（）
函数。我试着在我的工作中实现它，但什么也没发生。@Amy，浏览器中没有控制台错误，我已经把完整的代码放上去了。在你调用draw（）
函数之前，JS不会做任何事情。