极客观点
项目管理
HarmonyOS
1.如题
报错 ReferenceError: a is not defined
2.代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>game 1</title>
<style media="screen">
canvas{
border: 1px black solid;
}
</style>
</head>
<body>
<canvas id="id-canvas" width="400" height="300"></canvas>
<script>
var log = console.log.bind(console)
var canvas = document.querySelector('#id-canvas')
var context = canvas.getContext('2d')
var x = 100
var y = 200
var img = new Image()
img.src = 'paddle.png'
log(img )
img.onload = function(){
context.drawImage(img, x, y)
}
// events
window.addEventListener('keydown',function(event){
log('keydown')
var k = event.key
//log(event)
if(k == 'a'){
x -= 10
context.clearRect(0, 0, canvas.width, canvas.height)
context.drawImage(img, x, y)
}else if (k == 'd') {
x += 10
context.clearRect(0, 0, canvas.width, canvas.height)
context.drawImage(img, x, y)
}
})
</script>
</body>
</html>3.但是 a 就是一个按键啊 我好无奈啊 这是什么错误啊 。。。。
麻烦解答一下啊
题主是在写萧井陌的打砖块么，代码没问题，可以跑通。
还有，这和jsp有什么关系，不是canvas+js么？