时间戳

首页 > 解决方案 > 有人可以帮我我的谷歌开发控制台说 .getcontext 不是一个函数

javascript - 有人可以帮我我的谷歌开发控制台说 .getcontext 不是一个函数

问题描述

谁能帮我我的开发控制台一直说 Uncaught TypeError: canvas.getContext is not a function。有问题的代码是

`var canvas = document.createElement
var c = canvas.getContext("2d")
canvas.width = CANVAS_WIDTH;
canvas.height = CANVAS_HEIGHT;
document.body.append.Child(canvas);`

提前致谢， Dartfrog

标签： javascriptcanvas

解决方案

您应该指出您正在创建的元素 ( var canvas = document.createElement('canvas');)。并且appendChild应该是一言以蔽之。

<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8 />
</head>
<body>
<script>
const CANVAS_WIDTH = 1024;
const CANVAS_HEIGHT = 768;
var canvas = document.createElement('canvas');
var c = canvas.getContext("2d");
canvas.width = CANVAS_WIDTH;
canvas.height = CANVAS_HEIGHT;
canvas.style.background = "red";
document.body.appendChild(canvas);
</script>
</body>
</html>

推荐阅读