如何有效地调整画布元素的尺寸？

【问题标题】：How can I effectively adjust the dimensions of a canvas element?如何有效地调整画布元素的尺寸？
【发布时间】：2021-12-16 03:57:43
【问题描述】：

我是用canvas用chart.js画饼图，即使改变canvas元素的高宽后，依然占据整个页面

        &lt;canvas id="myChart" height ="200" width="200"&gt;&lt;/canvas&gt;

画布的高度和宽度，仍然占据整个页面

【问题讨论】：

【解决方案1】：

我找到了解决方法。我将 Canvas 标签放在具有固定高度的 div 容器中。代码如下：

<div class="container" style="width: 300px;">
  <canvas id="myChart"></canvas>
</div>

【讨论】：