Komentar: Saya percaya semua orang sudah terkenal dengan kata html5, dan fungsinya sangat kuat. Artikel ini memperkenalkan Anda untuk mengimplementasikan tangki kecil yang dapat dipindahkan melalui itu. Dengan rincian sebagai berikut. Teman yang menyukai HTML dapat merujuknya.
<! Doctype html>
<Html>
<head>
</head>
<body onkeydown = "gantiRirect ()">
<an Canvas> browser Anda tidak mendukung tag Canvas </ Canvas>
<type skrip = "Teks/JavaScript">
var canvas1 = document.getElementById ('tankmap');
var ctx = canvas1.getContext ('2d');
var myx = 30;
var myy = 30;
function drawball () {
ctx.shadowblur = 30, ctx.shadowcolor = "#008c46";
ctx.fillstyle = '#008c46';
ctx.fillrect (myx, myy, 5,30);
ctx.fillrect (myx+17, myy, 5,30);
ctx.fillrect (myx+6, myy+5,10,20);
ctx.beginpath ();
ctx.fillstyle = '#004020';
ctx.arc (myx+11, myy+15,5,0, math.pi*1.5);
ctx.closepath ();
ctx.fill ();
ctx.strokstyle = "#008c46";
ctx.moveto (myx+11, myy+15);
ctx.lineto (myx+11, myy-5);
ctx.stroke ();
}
drawball ();
Fungsi ChangeDirect () {
var code = event.keycode;
switch (kode) {
Kasus 87:
myy--;
merusak;
Kasus 68:
myx ++;
merusak;
Kasus 83:
myy ++;
merusak;
Kasus 65:
myx--;
merusak;
}
ctx.clearrect (0,0.500.300);
// mengecat ulang
drawball ();
}
</script>
</body>
</html>