HTML5两个画布如何弄,使用HTML5将两个画布方块设置到画布的中心(Set two canvas squares to the center of a canvas with HTML5)...

可以使用HTML5的canvas标签和JavaScript来实现将两个方块设置到画布的中心。以下是一个简单的实现示例：

HTML代码：

<canvas id="canvas"></canvas>

JavaScript代码：

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

// 设置画布大小
canvas.width = 500;
canvas.height = 500;

// 第一个方块
var square1 = {
  width: 100,
  height: 100,
  x: canvas.width / 2 - 100,
  y: canvas.height / 2 - 50
};

// 第二个方块
var square2 = {
  width: 100,
  height: 100,
  x: canvas.width / 2,
  y: canvas.height / 2 - 50
};

// 绘制方块
ctx.fillStyle = "blue";
ctx.fillRect(square1.x, square1.y, square1.width, square1.height);
ctx.fillStyle = "red";
ctx.fillRect(square2.x, square2.y, square2.width, square2.height);

在上面的代码中，我们首先获取了canvas标签和它的context对象。然后，我们设置了画布的大小，并定义了两个方块的位置和大小。最后，我们使用fillRect方法绘制了两个方块。注意，方块的位置是根据画布大小动态计算得出的。