Javascript 图像不显示HTML5画布（多个图像）和drawImage功能
各位!！我正在用Javascript 图像不显示HTML5画布（多个图像）和drawImage功能,javascript,html,canvas,Javascript,Html,Canvas,各位!！我正在用HTML5画布制作一个学校项目，当添加第二个图像（使用drawImage功能）时，它不会显示。这是我的密码： <!DOCTYPE html> <html> <head> <title>Game</title> </head> <body> <canvas id="gC" width="1500" height="1000"></canvas> <s
HTML5drawImage<!DOCTYPE html>
<html>
<head>
<title>Game</title>
</head>
<body> <canvas id="gC" width="1500" height="1000"></canvas>
<script type="text/javascript">
var canvas = document.querySelector("#gC");
var ctx = canvas.getContext("2d");
var team1 = new Image();
var bT = new Image();
var t1_x = 250;
var t1_y = 250;
var bT_x = 50;
var bT_y = 350;
canvas.height = 1000;
canvas.width = 1500;
team1.xPos = 250;
team1.yPos = 250;
team1.src = "../game/team1.png";
bT.src = "../game/bT.png";
dE();
function team1AI() {
ctx.clearRect(0, 0, ctx.canvas.height, ctx.canvas.width);
ctx.drawImage(team1, t1_x, t1_y);
t1_x++;
}
setInterval(team1AI, 10);
function dE() {
ctx.drawImage(team1, t1_x, t1_y);
ctx.drawImage(bT, bT_x, bT_y);
}
</script>
<style type="text/css">
#gC {
position: relative;
left: 16vw;
top: 9vh;
margin: 0;
padding: 0;
}
body {
background-image: url('bg.jpeg') !important;
}
</style>
游戏
var canvas=document.querySelector（“#gC”）；
var ctx=canvas.getContext（“2d”）；
var team1=新图像（）；
var bT=新图像（）；
var t1_x=250；
var t1_y=250；
var bT_x=50；
var bT_y=350；
画布高度=1000；
画布宽度=1500；
team1.xPos=250；
team1.yPos=250；
team1.src=“../game/team1.png”；
bT.src=“../game/bT.png”；
dE（）；
功能组1AI（）{
clearRect（0，0，ctx.canvas.height，ctx.canvas.width）；
ctx.drawImage（团队1，t1_x，t1_y）；
t1_x++；
}
设置间隔（第1ai组，第10组）；
函数dE（）{
ctx.drawImage（团队1，t1_x，t1_y）；
ctx.drawImage（bT、bT_x、bT_y）；
}
#gC{
位置：相对位置；
左：16vw；
顶部：9vh；
保证金：0；
填充：0；
}
身体{
背景图像：url（'bg.jpeg'）！重要；
}
本，又称黑天 我不确定这是你真正想要的，但是，给你
游戏
#gC{
位置：相对位置；
左：16vw；
顶部：9vh；
保证金：0；
填充：0；
}
身体{
背景图像：url（'bg.jpeg'）！重要；
}
var canvas=document.querySelector（“#gC”）；
var ctx=canvas.getContext（“2d”）；
var team1=新图像（）；
var bT=新图像（）；
var t1_x=250；
var t1_y=250；
var bT_x=50；
var bT_y=350；
var区间；
var秒=0；
team1.src=”https://www.dreamteamfc.com/g/img/dream-team-logo.png";
bT.src=”https://team.valvoline.com/sites/all/themes/v2/img/sidebarnav/teamv_hover.png";
功能组1AI（）{
clearRect（0，0，canvas.height，canvas.width）；
ctx.drawImage（bT、bT_x、bT_y）；
ctx.drawImage（团队1，t1_x，t1_y）；
t1_x++；
秒++；
间隔=requestAnimationFrame（team1AI）；
}
setInterval（函数（）{
如果（秒===450）取消动画帧（间隔）；
}, 1000 / 60);
团队1ai（）；
setInterval（）/setTimeout（）