为什么我的纽扣是't在画布上显示

How come my buttons aren't displaying on canvas

本文关键字:显示 我的 为什么      更新时间:2024-05-05

我下面的html代码应该显示一个绿色和红色的按钮,但它们没有显示,但我确实看到了清晰画布和howdy的按钮。有什么问题吗?我最终希望当按下按钮来改变画布上绘制的线条的颜色时,我知道如何在Javascript代码中实现这一点。我对此很陌生。

<title>Paint Canvas</title>
</head>
<body>
    <div id="container">
        <canvas id="imageView" width="600" height="300">
            <input type= "button" value= "Green" id= "green" onclick= "GreenRect()" />
            <input type= "button" value= "Red" id= "red" onclick= "RedRect()" />
            </p>
        </canvas>
    </div>
    <script type="text/javascript" src=".js"></script>
</body>
</html>
<body >
    <button id="clear">Clear Canvas</button><br>
    <button id="howdy">Howdy!</button><br>
</body>

您的按钮应该位于代码中的画布下方,因为画布会忽略打开和关闭标记中的所有内容。

您可以将按钮位置设置为覆盖画布。

Btw。您的代码中有两个<body>标记。