画布一旦完成屏幕清除

我想有一个按钮在画布上显示矩形。但是在脚本被调用后这会被清理掉。画布一旦完成屏幕清除

<!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脚本。即使我更新

我很可能错过了某些明显的东西，或者误解了您的建议 –

画布一旦完成屏幕清除

回答

相关问题