Question

这可能听起来令人困惑，但我需要知道如何在Javascript中插入rect（）之间的间隙。

例如：我有一个跨越屏幕整个宽度的rect（）。我想在rect（）的中心放置一个100px的间隙，以便在动画时另一个rect（）可以通过间隙。

下面是一些示例代码：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

function drawBar() {
	ctx.beginPath();
	ctx.rect(0, (canvas.height/2)-50, canvas.width, 100);
	ctx.fillStyle = "#F1F100";
	ctx.fill();
	ctx.closePath();
}

drawBar();

	* { padding: 0; margin: 0; }
		canvas { background: #eee; display: block; margin: 0 auto;

<!DOCTYPE html>

<html>

<head>
	<meta charset="utf-8" />
	<title>Game</title>
	
	<style>
    	* { padding: 0; margin: 0; }
		  canvas { background: #eee; display: block; margin: 0 auto;
  </style>

</head>
<body>

<canvas id="myCanvas" width="480" height="320"></canvas>

<script src="gameJS.js"></script>

</body>

</html>

如何在Javascript中的rect（）之间添加间隙

0 个答案: