无法在javascript画布中加载或显示挡板（需要移动）
当我运行并检查控制台时，我正试图加载一个带有鼠标控件的拨片（在x上），控制台上显示“error document.documentElement不是一个函数”。。。。 现在我已经试着去弄清楚了，但是我仍然没有办法，我在我的球场上使用了一个UDE，但是它没有太大的帮助，我试图用碰撞和很多奇怪的元素来做一个划桨，有些太长了，我甚至说不出来，哈哈无法在javascript画布中加载或显示挡板（需要移动）,javascript,html,Javascript,Html,当我运行并检查控制台时，我正试图加载一个带有鼠标控件的拨片（在x上），控制台上显示“error document.documentElement不是一个函数”。。。。 现在我已经试着去弄清楚了，但是我仍然没有办法，我在我的球场上使用了一个UDE，但是它没有太大的帮助，我试图用碰撞和很多奇怪的元素来做一个划桨，有些太长了，我甚至说不出来，哈哈 <html> <body> <canvas id="gameCanvas" width=&q
<html>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>
</body>
<script>
var ballX = 100
var ballspeedX = 5
var ballY = 100
var ballspeedY = 5
const PADDLE_WIDTH = 100
const PADDLE_THICKNESS = 10
var paddleX = -100
var canvas
var canvasContext
function updateMousePos(evt) {
var rect = canvas.getBoundingClientRect()
var root = document.documentElement();
var mouseX = evt.clientX - rect.left - root.scrollLeft
paddleX = mouseX
}
window.onload = function() {
canvas = document.getElementById("gameCanvas")
canvasContext = canvas.getContext("2d")
var fps = 30
setInterval(updateAll, 100)
canvas.addEventListener("mousemove", updateMousePos)
}
var ballX=100
var ballspeedX=5
var ballY=100
var=5
恒定桨叶宽度=100
常量叶片厚度=10
变量x=-100
var画布
var canvasContext
函数updateMousePos（evt）{
var rect=canvas.getBoundingClientRect（）
var root=document.documentElement（）；
var mouseX=evt.clientX-rect.left-root.scrollLeft
PapperX=鼠标
}
window.onload=函数（）{
canvas=document.getElementById（“gameCanvas”）
canvasContext=canvas.getContext（“2d”）
var fps=30
setInterval（updateAll，100）
canvas.addEventListener（“mousemove”，updateMousePos）
}