如何让canvas的宽高保持和父盒子一致canvas的宽和高用canvas标签自带的宽高属性设置给我详细的代码

假设你的父盒子的id为"parent"，以下是详细的代码：

HTML部分：

<div id="parent">
  <canvas id="canvas"></canvas>
</div>

CSS部分：

#parent {
  width: 500px;
  height: 300px;
  /* 这里设置父盒子的宽高，可以根据自己需求修改 */
}

#canvas {
  width: 100%;
  height: 100%;
  /* 这里设置canvas的宽高为100% */
}

JavaScript部分：

const canvas = document.getElementById('canvas');
const parent = document.getElementById('parent');
canvas.width = parent.clientWidth;
canvas.height = parent.clientHeight;
/* 这里用JavaScript获取父盒子的宽高，并将canvas的宽高设置为相同值 */

以上代码将会使canvas的宽高保持和父盒子一致