我是 javascript 的新手,并且正在尝试快速学习它。我需要有关键盘事件键的帮助。我正在尝试使用 WASD 在 javascript 中移动图像。我可以让它向上、向下、向左和向右移动,但我不知道如何让它沿对角线移动。非常感谢您的帮助。
"use strict";
var cvs;
var ctx;
var imagex=100;
var imagey=100;
function keydown_callback(ev){
if(ev.keyCode === 68 )
imagex += 5;
if(ev.keyCode === 65 )
imagex -= 5;
if(ev.keyCode === 87 )
imagey -= 5;
if(ev.keyCode === 83 )
imagey += 5;
draw();
}
function draw(){
ctx.clearRect(0,0,600,600);
var background = new Image();
background.src="wallpaper.jpg";
ctx.drawImage(background, 0, 0, 600, 600);
var img = new Image();
img.src="ninja.png";
ctx.drawImage(img,imagex,imagey,128,256);
}
function main(){
var tmp = document.getElementsByTagName("body");
var body = tmp[0];
body.addEventListener("keydown",keydown_callback);
cvs = document.getElementById("foo");
ctx = cvs.getContext("2d");
draw();
}