Question

<!Doctype html>
<html lang = "en">
<head>
<title>HTML 5 Canvas</title>
<meta charset = "utf 8">
<script type = "text/javascript">
var canvasOne = document.getElementById("canvasOne");
var context = theCanvas.getContext("2d");
</script>
</head>
<body>

<canvas id = "canvasOne" width = "500" height ="300">

context.fillStyle = "#ffffaa";
context.fillRect(0,0,500,300);

</canvas>

</body>
</html>

如果有人可以发布一些工作代码以便我正确实现“黄色填充画布”，将非常感激。感谢

Answer 1

试试这个：

<!Doctype html>
<html lang = "en">
<head>
<title>HTML 5 Canvas</title>
<meta charset = "utf 8">
</head>
<body>

<canvas id = "canvasOne" width = "500" height ="300"></canvas>

<script>
var canvasOne = document.getElementById("canvasOne");
var context = canvasOne.getContext("2d");
context.fillStyle = "#ffffaa";
context.fillRect(0,0,500,300);
</script>

</body>
</html>

Answer 2

因为您将JavaScript指令放在<canvas>内，而不是放在<script>内。

我的Html5 / javascript在chrome中没有显示任何内容？有什么问题？

2 个答案: