为什么我的按钮没有在画布上显示

时间:2012-07-30 23:06:12

标签: javascript button canvas

下面我的html代码应该显示绿色和红色的按钮,但是它们没有显示,但我确实看到了清晰的画布和你好的按钮。什么是错的任何帮助?我最终会喜欢当按钮被推动以改变画布上绘制的线条的颜色时,我知道如何在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>

1 个答案:

答案 0 :(得分:0)

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

您可以设置按钮位置的样式以覆盖画布。

顺便说一下。你的代码中有两个<body>标记。