2012-07-30 41 views
-1

我的下面的html代碼應該顯示顏色綠色和紅色的按鈕,但他們不顯示,但我看到的按鈕清晰的畫布和你好。什麼是錯誤的任何幫助?我最終會喜歡何時按下按鈕來改變在畫布上繪製的線條的顏色,我不知道如何在JavaScript代碼中實現owuld會有所幫助。我對此很陌生。我的按鈕怎麼沒有在畫布上顯示

<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> 
+0

我相信canvas元素中的任何東西都是隱藏的_unless_所討論的瀏覽器不是HTML5精明的,並且不理解''元素。因此,網站通常會在這裏放置一個很好的「你的瀏覽器無法正確呈現畫布元素」消息。 – TheZ 2012-07-30 23:09:07

回答

0

您的按鈕應該位於代碼的畫布下方,這是因爲canvas忽略了打開和關閉標記中的所有內容。

您可以將您的按鈕位置設置爲覆蓋畫布。

Btw。您的代碼中有兩個<body>標記。

+0

謝謝你是這個問題 – LewSim 2012-07-30 23:14:56

+0

現在我確實知道當按鈕被點擊時,它實際上改變顏色。 – LewSim 2012-07-30 23:15:21

+0

嘗試使用'onclick'事件並在事件被觸發時更改css類(或只是樣式)。附:最好謝謝接受答案;) – 2012-07-30 23:19:43