关于JavaScript的Image图片导出不了的问题
  • 板块学术版
  • 楼主entity
  • 当前回复3
  • 已保存回复3
  • 发布时间2021/12/28 21:02
  • 上次更新2023/10/28 13:25:58
查看原帖
关于JavaScript的Image图片导出不了的问题
225964
entity楼主2021/12/28 21:02

某年某月，蒟蒻在做元旦的一个项目时，发现了这样的问题：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>PVZ</title>
	</head>
	<body>
		<!-- <img src="images/background.png" id="background"> -->
		<div id="stage" style="margin: 0 auto; width: 1400px; height: 600px; text-align: center; vertical-align: middle" >
			<canvas id="canvas" style="border:0px solid red;" width="1400" height="600">
				
			</canvas>
		</div>
		<script>
			var canvas = document.getElementById('canvas');
			var ctx = canvas.getContext('2d');
			var background=new Image();
			background.src="images/background.png";
			ctx.drawImage(background,(0,0));
			
			var zombieAction=[];
			
			var t1=0,t2=0;
			var enemyQueue=[];
			var bulletQueue=[];
			var isActionTime=0;
			setInterval(function(){
				isActionTime++;
				isShotTime++;
				if(isActionTime>=5000){
					var x=130+144*pasInt(Math.random()*5)+1;
					var y=1400;
					isActionTime=0;
				}
			},10);
			function blaster(x,y){
				
			}
		</script>
	</body>
</html>

这样的一份代码，但是background用drawImage画不出来qwq，在images下有图片，按住Ctrl点击路径也能打开 求解释qwq

2021/12/28 21:02