canvas画布居中对齐

可以通过以下方法将canvas画布居中对齐：

1. 在CSS中设置画布的宽度和高度，并将其设置为绝对定位。

canvas {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 500px;
   height: 500px;
}

2. 使用transform属性将画布向左和向上移动其自身宽度和高度的一半，实现居中对齐。

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

该方法适用于任何大小的画布，并且在浏览器窗口大小变化时仍然保持居中对齐。