Javascript 我的钮扣怎么不';t在画布上显示

Javascript 我的钮扣怎么不';t在画布上显示,javascript,button,canvas,Javascript,Button,Canvas,我下面的html代码应该显示绿色和红色的按钮,但是它们没有显示,但是我确实看到了clear canvas和howdy的按钮。有什么问题吗?我最终希望,当按下按钮来改变画布上绘制的线条的颜色时,我想没有人知道我是如何用Javascript代码实现的,这会很有帮助。我对这个很陌生 <title>Paint Canvas</title> </head> <body> <div id="container"> <c

我下面的html代码应该显示绿色和红色的按钮,但是它们没有显示,但是我确实看到了clear canvas和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>
绘制画布

清除画布
你好

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

您可以设置按钮位置的样式,使其具有重叠的画布


顺便说一句,您的代码中有两个
标记。

我认为画布元素中的任何内容都是隐藏的,除非所讨论的浏览器不懂HTML5,也不理解
元素。因此,网站通常会在其中添加一条很好的消息“您的浏览器无法正确呈现画布元素”。现在,我实际上是想让它在单击按钮时实际更改颜色。尝试使用
onclick
event,并在触发事件时更改css类(或仅更改样式)。另外,最好的感谢是接受答案;)是的,我知道。我不得不等上几分钟才接受。