畫布一旦完成屏幕清除

我想有一個按鈕在畫布上顯示矩形。但是在腳本被調用後這會被清理掉。畫布一旦完成屏幕清除

<!DOCTYPE html> 
<html> 
<body> 

<form> 

<br>depth = : <input type="number" id="depthValue" name="depthValue" value="2"><br> 
<input type="submit" value="Submit" onclick="calculate()"> 


</form> 
<canvas id="canvas" width="1000" height="1000" style="background-color:#EE2"></canvas> 


<script> 

function calculate() { 
var canvas = document.getElementById("canvas"); 
var ctx = canvas.getContext("2d"); 
ctx.fillStyle = "rgb(255, 0, 0)"; 
ctx.fillRect(0,0,300,300); 
} 

</script> 

</body> 
</html>

矩形出現，但立即消失。

最新情況？

來源

2016-12-30 James Roberts

內聯是它顯示了當你按回車鍵，然後消失？ – Gacci

這是因爲您通過按Enter鍵提交表單。所以，你可以把它想象成你清爽。所以要解決這個問題，請停止提交表單。與使用以下onsubmit="return false; "或JavaScript本

form.addEventListener("submit", function(e){ 
    e.preventDefault(); 
})

來源

2016-12-30 22:41:15 Gacci

嗨 - 謝謝你。你絕對是在正確的路線，雖然我可能會錯誤地實施。我可以看到，我在調用onclick（）函數後運行匿名java腳本。即使我更新

我很可能錯過了某些明顯的東西，或者誤解了您的建議 –

畫布一旦完成屏幕清除

回答

相關問題